jQuery(document).ready(function($) { //Hide all content to be revealed $('.reveal_content').hide(); //Create the click event for each reveal button $('.reveal_button').click(function (e) { //Prevent the default button action (i.e. redirecting to a url) e.preventDefault(); //Get the parent section for the button clicked $parent_section = $(this).closest('.reveal_section'); //Remove the opened class from all other buttons $('.reveal_button').not(this).removeClass('opened'); //Close all content in other sections $('.reveal_section').not($parent_section).find('.reveal_content').fadeOut('slow'); //Hide/Reveal the content in the same section as the button clicked $(this).addClass('opened'); $parent_section.find('.reveal_content').each(function() { $(this).slideToggle(); } ) }); } )