Question

I have the open/close effect happening multiple times here: test site

I need to add a link called “toggle all” below the page title and when clicked, it will open/close every single sponsorship level. How can I do that?

See working code:

<h3 class="trigger">Presenting Sponsor</h3>
<div class="toggle_container"> content inside toggle_container is hidden/shown when trigger class is clicked</div>



$(document).ready(function(){
    $(".toggle_container").hide();
    $("h3.trigger").click(function(){
    $(this).toggleClass("active").next().slideToggle("fast");
    return false;
});
});

Answer 1

$("#toggle_button").click(function() {
    $("h3.trigger").toggleClass("active").next().slideToggle("fast");
});

Working example: http://jsfiddle.net/andrewwhitaker/zxvxA/