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转换完成之后) 尝试一下