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]) |