Bootstrap 折叠参考 折叠 CSS 类 下表总结了 Bootstrap 折叠 CSS 类: 类名 描述 示例 .collapse 表示可折叠的内容-可以隐藏或按需显示 尝试一下 .collapse show 默认情况下显示可折叠的内容 尝试一下 折叠选项 可以通过数据属性或 JavaScript 传递选项;对于数据属性,将选项名称附加到 data-,如 data-parent ="" 一样。 参数 类型 默认值 描述 示例 parent selector false 显示此可折叠项目时,指定父项下的所有可折叠元素都将关闭(类似于传统的手风琴行为) 尝试一下 toggle boolean true 在调用时切换可折叠元素 尝试一下 折叠方法 下表列出了所有可用的折叠方法。 方法 描述 示例 .collapse(options) 使用选项激活可折叠元素;查看上面的参数选项以获取有效值 .collapse("toggle") 切换可折叠元素 尝试一下 .collapse("show") 显示可折叠元素 尝试一下 .collapse("hide") 隐藏可折叠元素 尝试一下 .collapse("dispose") 销毁可折叠元素 折叠事件 下表列出了所有可用的折叠事件。 事件 描述 示例 show.bs.collapse 在即将显示可折叠元素时发生 尝试一下 shown.bs.collapse 在完全显示可折叠元素时发生(在CSS转换完成之后) 尝试一下 hide.bs.collapse 在可折叠元素即将被隐藏时发生 尝试一下 hidden.bs.collapse 当可折叠元素完全隐藏时发生(在CSS转换完成之后) 尝试一下 相关页面 Bootstrap 折叠 Bootstrap CSS类参考