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