Twitter Bootstrap 2.3.2

by diffintact

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<body>
    <div class="accordion-group">
        <div class="accordion-heading">	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#jai">
							 <span class="pull-right"><i class="icon-chevron-up"></i></span>
									Jai
							</a>

        </div>
        <div id="jai" class="accordion-body collapse in">
            <div>
                <div class="accordion-inner">body content 1</div>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
							  <span class="pull-right"><i class="icon-chevron-down"></i></span>
									jai2
							</a>

        </div>
        <div id="collapseTwo" class="accordion-body collapse">
            <div>
                <div class="accordion-inner">body content 2</div>
            </div>
        </div>
    </div>
    <div class="accordion-group">
        <div class="accordion-heading">	<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse3">
							  <span class="pull-right"><i class="icon-chevron-down"></i></span>
									jai3
							</a>

        </div>
        <div id="collapse3" class="accordion-body collapse">
            <div>
                <div class="accordion-inner">body content 3</div>
            </div>
        </div>
    </div>
</body>

JavaScript

$('div.accordion-body').on('shown', function () {
    $(this).parent("div").find(".icon-chevron-down").removeClass("icon-chevron-down").addClass("icon-chevron-up");

});

$('div.accordion-body').on('hidden', function () {
    $(this).parent("div").find(".icon-chevron-up").removeClass("icon-chevron-up").addClass("icon-chevron-down");
});