Bootstrap 折叠(Collapse)插件

2020-06-18 06:00:47易采站长站整理

选项名称类型/默认值Data 属性名称描述
parentselector
默认值:false
data-parent如果提供了一个选择器,当可折叠项目显示时,指定父元素下的所有可折叠的元素将被关闭。这与传统的折叠面板(accordion)的行为类似 - 这依赖于 accordion-group 类。
toggleboolean
默认值:true
data-toggle切换调用可折叠元素。

方法

下面是一些折叠(Collapse)插件中有用的方法:

方法描述实例
Options: .collapse(options)激活内容为可折叠元素。接受一个可选的 options 对象。
$('#identifier').collapse({
    toggle: false
})
Toggle: .collapse('toggle')切换显示/隐藏可折叠元素。
$('#identifier').collapse('toggle')
Show: .collapse('show')显示可折叠元素。
$('#identifier').collapse('show')
Hide: .collapse('hide')隐藏可折叠元素。
$('#identifier').collapse('hide')

实例

下面的实例演示了方法的用法:

实例

 


点击我进行展开,再次点击我进行折叠。第 1 部分--hide 方法

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
lomo.


点击我进行展开,再次点击我进行折叠。第 2 部分--show 方法

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
lomo.


点击我进行展开,再次点击我进行折叠。第 3 部分--toggle 方法

Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred
nesciunt sapiente ea proident. Ad vegan excepteur butcher vice
lomo.


点击我进行展开,再次点击我进行折叠。第 4 部分--options 方法

相关文章 大家在看