折叠的意义是当内容需要是，则显示在界面上，而内容不需要时，就是折叠收藏起来。
Bootstrap对折叠的实现非常简单，我们本篇就来演示一番。
2. 通过a元素控制折叠先看一段代码：
显示春晓文字
春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。
解释下：
- section1是折叠部分，通过设置collapse类使section1部分内容默认折叠不显示。
- a按钮负责控制折叠，通过data-toggle="collapse"告知JS本按钮是折叠控制按钮，然后其href属性指向的元素即为点击按钮时切换折叠状态的元素。
所以具体效果是每次点击按钮，section1部分按钮即切换折叠/显示两个状态。
注意div部分内容可以任意嵌套，如下代码同样可以折叠：
显示春晓表格
春眠不觉晓
处处闻啼鸟
夜来风雨声
花落知多少
折叠与显示时对应效果分别如下：
有时候，我们希望能实现通过JS代码灵活的控制折叠的时机，所以代码如下：
春眠不觉晓，处处闻啼鸟。夜来风雨声，花落知多少。
function btnShow() {
$("#section3").collapse("toggle");
}
如上面的代码，当点击按钮时，触发btnShow事件。
在事件中通过collapse方法即可切换折叠状态，注意参数toggle表示切换状态。
4. 小结Bootstrap折叠插件的实现也比较简单，但是需要注意折叠样式类直接应用到段落、表格等元素时，可能会导致失效。
所以此处建议折叠部分都使用div元素，避免折叠失效。
