bootstrapのcollapps使用例

bootstrapのcollapps使用例1.View 

<a data-toggle="collapse" href="#searchContainer" aria-expanded="false" aria-controls="searchContainer">
        Advanced Search<span class="glyphicon glyphicon-chevron-down" id="searchCollapseIcon" style="margin-left:20px"></span>
    </a>


<div class="collapse" id="searchContainer">
....
</div>

2.jsを使ってiconの同期を完成する

$('#searchContainer').on('shown.bs.collapse', function () {
                    $("#searchCollapseIcon").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
                });
                $('#searchContainer').on('hidden.bs.collapse', function () {
                    $("#searchCollapseIcon").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
                });

ここにはいくつかの例があります.
http://jsfiddle.net/zessx/R6EAW/12/
http://www.bootply.com/89084