1。基础折叠
& lt; body>
& lt; div类="容器"比;
& lt; !——按钮——比;
& lt;按钮类=" btn btn-default " data-toggle=氨览！笔菽勘?" #显示"祝辞按钮& lt;/button>
& lt; !——折叠内容——比;
& lt; div id="显示"类=氨览！北?
& lt; div类=班拧北?
我是折叠的内容
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/body>
2。折叠一组
& lt; body>
& lt; div类="容器"比;
& lt; !——折叠组——比;
祝辞& lt; div class="面板组”;
& lt; div类="面板panel-default "比;
& lt; !——折叠板头部——比;
& lt; div类=皃anel-heading”比;
& lt; h5类="面板标题"比;
& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”data-toggle=氨览！笔菽勘?" # chanel_demo "祝辞栏目管理& lt;/a>
& lt;/h5>
& lt;/div>
& lt; !——折叠板内容——比;
& lt; div类="崩溃panel-collapse " id=" chanel_demo祝辞& lt; !——添加一个崩溃类会默认隐藏折叠内容——比;
& lt; div类=皃anel-body”比;
& lt; ul>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞增加文章& lt;/a> & lt;/li>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞增加标题& lt;/a> & lt;/li>
& lt;/ul>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/div>
& lt;/body>
3。折叠多组
& lt; body>
& lt; div类="容器"比;
& lt; !——折叠组——比;
祝辞& lt; div class="面板组”;
& lt; !——第一个功能,比;
& lt; div类="面板panel-default "比;
& lt; !——折叠板头部——比;
& lt; div类=皃anel-heading”比;
& lt; h5类="面板标题"比;
& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”data-toggle=氨览！笔菽勘?" # chanel_demo1 "祝辞第一个折叠标题& lt;/a>
& lt;/h5>
& lt;/div>
& lt; !——折叠板内容——比;
& lt; div类=" panel-collapse崩溃" id=" chanel_demo1祝辞& lt; !——添加一个崩溃类会默认隐藏折叠内容——比;
& lt; div类=皃anel-body”比;
& lt; ul>
& lt; li> & lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”祝辞折叠内容一& lt;/a> & lt;/li>
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
