用法
下表列出了折叠(Collapse)插件用于处理繁重的伸缩的 class:
Class | 描述 |
---|---|
.collapse | 隐藏内容。 |
.collapse.in | 显示内容。 |
.collapsing | 当过渡效果开始时被添加,当过渡效果完成时被移除。 |
通过 data 属性
向元素添加 data-toggle="collapse" 和 data-target,自动分配可折叠元素的控制。data-target 属性接受一个 CSS 选择器,并会对其应用折叠效果。请确保向可折叠元素添加 class .collapse。如果您希望它默认情况下是打开的,请添加额外的 class .in。
为了向可折叠控件添加类似折叠面板的分组管理,请添加 data 属性 data-parent="#selector"。
通过 JavaScript
$('.collapse').collapse()