Twitter Boostrap Open/Close all Sections on Each Header Click

by bmarsh123

HTML

<div class="side-nav">
    <div class="side-nav-item">
        <h3>Title</h3>
        <div class="side-nav-block-item">content</div>
        <div class="side-nav-block-item">content</div>
    </div>
    <div class="side-nav-item">
        <h3>Title</h3>
        <div class="side-nav-block-item">content</div>
    </div>
</div>

JavaScript

$(document).ready(function() {
    $('.side-nav h3').addClass('on');
    //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
    $('.side-nav h3').click(function() {
        if ($('.side-nav h3').hasClass('on')) {
            $('.side-nav h3').removeClass('on');
            $('.side-nav-block-item').slideUp('normal');
        } else {
            $('.side-nav h3').addClass('on');
            $('.side-nav-block-item').slideDown('normal');
        }
    });
});