collapse折叠

基本：

        <button class="btn btn-primary" data-toggle="collapse" data-target="#content">Bootstrap</button>
        <div class="collapse" id="content">
            <div class="well">11111111111111111111111111111111111111111111111111111111111111111</div>
        </div>

手风琴折叠：

        <div id="accordion" class="panel-group">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="#collapseOne" data-toggle="collapse" data-parent="#accordion">第一部分链接</a>
                    </h4>
                </div>
                <div id="collapseOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        第一部分内容
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="#collapseTwo" data-toggle="collapse" data-parent="#accordion">第一部分链接</a>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        第一部分内容
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="#collapseThree" data-toggle="collapse" data-parent="#accordion">第一部分链接</a>
                    </h4>
                </div>
                <div id="collapseThree" class="panel-collapse collapse">
                    <div class="panel-body">
                        第一部分内容
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="#collapseFour" data-toggle="collapse" data-parent="#accordion">第一部分链接</a>
                    </h4>
                </div>
                <div id="collapseFour" class="panel-collapse collapse">
                    <div class="panel-body">
                        第一部分内容
                    </div>
                </div>
            </div>
        </div>