丰富的线上&线下活动，深入探索云世界
做任务，得社区积分和周边
最真实的开发者用云体验
让每位学生受益于普惠算力
让创作激发创新
资深技术专家手把手带教
遇见技术追梦人
技术交流，直击现场
海量开发者使用工具、手册，免费下载
极速、全面、稳定、安全的开源镜像
开发手册、白皮书、案例集等实战精华
为开发者定制的Chrome浏览器插件
作者:WangMin格言:努力做好自己喜欢的每一件事
折叠插件（collapse.js）可以很容易地让页面区域折叠起来。当列表菜单的条目特别多，而页面空间有限时，使用类似于手风琴的折叠菜单可以节约页面空间，方便用户浏览。
实例
手风琴的折叠菜单扩展默认折叠行为以创建面板组件一致的折叠。
单击任意菜单，隐藏内容会展开，如果再点击同一个菜单就会隐藏；在一个菜单展开的情况下，点击另一个菜单的时候，展开的菜单内容就会被隐藏。
注意事项：
使用方法
1.通过data属性实现折叠
只需向元素添加data-toggle='collapse'和data-target=''，就可以对隐藏的折叠内容进行控制（通常在button或a标签上添加这两个属性）。data-target属性接受一个CSS选择器，并会对其应用折叠效果。确保将类collapse添加到可折叠元素中。如果希望它默认打开，请在中添加附加类in。
要将类似accordion的组管理添加到可折叠控件中，请添加数据属性data-parent=“#selector”。
2.通过javascript实现折叠
$('.collapse').collapse()选项可以通过data属性或JavaScript传递。对于data属性，将选项名称附加到data-，如dataparent=''。
调用方式
1.使用选项时，JavaScript调用折叠插件的格式为：$(".collapse").collapse(options)在调用collapse()方法时，可以包含一个配置对象，该对象包含parent和toggle两个配置参数。通过以下JavaScript代码，即可实现折叠插件的交互行为和动态效果：
$('.collapse').collapse({parent:"#accordion2");$('.accordion-toggle').click(function(){$(this).parent().next().collapse('toggle');});2..collapse('toggle')：让一个可折叠元素在显示和隐藏之间切换。3..collapse('show')：显示一个可折叠元素。4..collapse('hide')：隐藏一个可折叠元素。
折叠插件的事件
Bootstrap还为折叠组件提供了一组事件，通过这些事件，可以监听用户的行为及折叠组件的状态。