手風(fēng)琴（Collapse）效果展示
Bootstrap 框架中 Collapse插件(折疊)其實(shí)就是我們常見的手風(fēng)琴效果。點(diǎn)擊標(biāo)題，可以讓其對(duì)應(yīng)的內(nèi)容顯示或隱藏
<div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">標(biāo)題一</a></h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <div class="panel-body">標(biāo)題一對(duì)應(yīng)的內(nèi)容</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">標(biāo)題二</a></h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body">標(biāo)題二對(duì)應(yīng)的內(nèi)容</div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"><a data-toggle="collapse"data-parent="#accordion"href="#collapseThree">標(biāo)題三</a></h4> </div> <div id="collapseThree" class="panel-collapse collapse"> <div class="panel-body">標(biāo)題三對(duì)應(yīng)的內(nèi)容</div> </div> </div></div><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
手風(fēng)琴 主站蜘蛛池模板： 逊克县| 沙洋县| 呈贡县| 古丈县| 巴塘县| 垦利县| 盘锦市| 宿州市| 沅江市| 于田县| 宁海县| 丰镇市| 无为县| 大埔区| 永仁县| 阆中市| 瑞金市| 莱芜市| 金乡县| 平舆县| 太谷县| 纳雍县| 廊坊市| 防城港市| 汝阳县| 浦县| 双江| 基隆市| 柘荣县| 平昌县| 呼玛县| 静海县| 塘沽区| 靖西县| 邢台市| 湛江市| 河曲县| 大港区| 白河县| 玉树县| 固原市|