Bootstrap折叠面板使用

1、首先引入相关的js文件，主要包括以下几个：bootstrap.min.js、jquery.bootstrap.wizard.js、bootstrap-collapse.js，这些文件集成了很多方法用来操作折叠面板。

2、引入相关的样式，css文件，后期可以根据相关需求调整css样式的内容，主要包括一下几个文件：bootstrap.css。

3、在html元素中首先添加一个div，<div class="tab-pane">，然后内部放入<div class="accordion">。

4、在class为accordion的div中添加<div class="accordion-group">，足饶戽沸每个面板是一个div，里面包含accordion-heading（头）和accordion-body（内容）两部分。

5、如果初始条件下想展示某个面板的内容，可以在其class类中添加in，同时将样式的高度设为自适应。

6、我们看下页面加载效果，初始条件下展示第一个面板的内容，点击其他面板能显示其他面板的内容，这就是折叠面板的使用。