Collapse 折叠面板

通过折叠面板收纳内容区域

基础用法

可同时展开多个面板,面板之间不影响

显示代码

手风琴效果

每次只能展开一个面板

显示代码

参数

你可以通过修改$.fn.collapse.defaults来修改全局默认配置,也可以在初始化时传入指定配置$(el).collapse({xx: xx})。 参数默认为 Json ,若为数组,则会被当做data赋值。

参数 说明 类型 可选值 默认值
data 面板内容数组,具体配置见下方【data参数】 array - []
active 当前激活的面板(如果是手风琴模式,绑定值类型需要为string,否则为array) string / array - -
accordion 是否手风琴模式 boolean - false
change 当前激活面板改变时触发(如果是手风琴模式,回调参数 active 类型为string,否则为array) function - -

data参数

参数 说明 类型 可选值 默认值
name 面板唯一标志符,可用作 set 方法的参数 - - 数组的索引index
title 面板标题 string - -
content 面板内容 string - -

方法

你可以通过调用$(el).collapse('xxx', xxx)来调用已被初始化过的折叠面板的方法。

方法名 说明 参数 举例
set 设置当前激活的面板 可为data数组的索引(从 0 开始)或相应的 name 值(如果是手风琴模式,参数类型需要为string,否则为array $(el).collapse('set', [3])