Toggle multiple

by cintia_rodrigues

HTML

<a><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>
<a><div class="expander">Click Here</div></a>

<p class="text">Hidden Text</p>

JavaScript

$(document).ready(function () {
    $('.text').hide();
    $('.expander').click(function () {
        // .parent() selects the A tag, .next() selects the P tag
        $(this).parent().next().slideToggle(200);
    });
    $('.text').slideUp(200);
});