Bootstrap JS 插件 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

用法

下表列出了折叠(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()