Simple Accordian

by Victor

HTML

<section class="accordian">
    <div>
        <h2>headerthing 2</h2>
        <div>
            <p>All the content goes here</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda rem laborum rerum corporis eius earum a totam aut vitae quis reprehenderit ratione laboriosam molestiae expedita iste maxime cum illum explicabo.</p>
        </div>
        
    </div>
        <div>
        <h2>headerthing 2</h2>
        <div>
            <p>All the content goes here</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda rem laborum rerum corporis eius earum a totam aut vitae quis reprehenderit ratione laboriosam molestiae expedita iste maxime cum illum explicabo.</p>
        </div>
        
    </div>
        <div>
        <h2>headerthing 2</h2>
        <div>
            <p>All the content goes here</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda rem laborum rerum corporis eius earum a totam aut vitae quis reprehenderit ratione laboriosam molestiae expedita iste maxime cum illum explicabo.</p>
        </div>
        
    </div>
        <div>
        <h2>headerthing 2</h2>
        <div>
            <p>All the content goes here</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda rem laborum rerum corporis eius earum a totam aut vitae quis reprehenderit ratione laboriosam molestiae expedita iste maxime cum illum explicabo.</p>
        </div>
        
    </div>
</section>

JavaScript

$.fn.accordian = function(elmToToggle,headerElm) {
    this.children().find('div').slideUp(0);
    
    this.find(headerElm).click(function(){
        $(this).next().slideDown();
        $(this).parent().siblings().children(elmToToggle).slideUp(500);
    });
    //return this;
};

$('.accordian').accordian('div', "h2");