JQuery collapse panels

Basic collapsing panels in jquery

by Dejan Vasic

HTML

<div id="accordion" class="accordionParent">
    <div class="accordionContent">
        <h3><a href="#" class="accordionHead">Click me 1</a></h3>
        <div class="accordionBody">First content</div>
    </div>
     <div class="accordionContent">
        <h3><a href="#" class="accordionHead">Click me 2</a></h3>
        <div class="accordionBody">2nd content</div>
    </div>
</div>

JavaScript

jQuery(document).ready(function(){
    $('.accordionBody').hide();
    $('.accordionHead').click(function(){
        var element = $(this)
        .parent().parent().find('.accordionBody').toggle();
    });
});