bootstrap折叠展开

效果图—折叠时：

效果图—展开时：

实现步骤：

1.引入bootstrap.css、jquery.js和bootstrap.css

2.给母版一个data-toggle="collapse" 和data-target="子版ID"

3.给子版一个class="collapse"和一个ID

结构布局：

---

后来发现直接用jQuery也可以：

1.页面效果：

2.HTML布局：

3.js代码：