效果图—折叠时:

效果图—展开时:

实现步骤:

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

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

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

结构布局:

 


 

 

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

1.页面效果:

2.HTML布局:

3.js代码:

 

posted on 2018-01-15 10:31  鹿大大  阅读(772)  评论(0编辑  收藏  举报