依靠组件

UI Core

Effects Core

属性 类型 默认值

active Boolean/Number/jQuery/Selector/Element 第一个面板

设定默认显示的面板。设置为 false 时默认不显示面板，需 collapsible 属性设置为 true。

2

animated Boolean/String "slide"

设定面板折叠动画效果。设置为 false 禁止动画效果。内置"slide"、"easeslide"、"bounceslide"。更多效果需加载 Effects Core。

"easeslide"

autoHeight Boolean true

是否设定最高面板高度为其它所有面板高度。

false

clearStyle Boolean false

设定为 true 时，折叠面板后自动清除 height 和 overflow 样式。适用于动态加载面板内容。与 autoHeight 属性不兼容。

true

collapsible Boolean false

是否允许折叠全部面板。设为 false 时必须显示一个面板。

true

event String "click"

设置切换面板的事件。

"mouseover"

fillSpace Boolean false

设置为 true 时，高度自动填充满父元素。将覆盖 autoHeight 属性。

true

header Selector/jQuery "> li > :first-child,> :not(li):even"

设置面板标题元素。

"> div > h3"

icons Object { "header":"ui-icon-triangle-1-e","headerSelected":"ui-icon-triangle-1-s"}

设置面板标题图标。header：折叠时图标；headerSelected：打开时图标。可选值请参考 ThemeRoller。

{ "header":"ui-icon-plus","headerSelected":"ui-icon-minus"}

navigation Boolean false

设置为 true 时，自动打开 href 属性与 location.href 相同的面板。用于使用 URL 保持面板打开状态。

true

navigationFilter Function

自定义 navigation 属性检查函数。

false
事件 类型

change accordionchange

改变打开面板时触发。若设置动画效果，动画结束时触发。

方法 调用

activate .accordion("activate",index)

打开指定面板，index 可为面板序号（0 起始），或为 Selector 字符串。设置为 -1 时关闭全部面板，需 collapsible 属性为 true。

destroy .accordion("destroy")

销毁折叠面板实例。

disable .accordion("disable")

禁止操作折叠面板。

enable .accordion("enable")

允许操作折叠面板。

option .accordion("option",optionName[,value])

得到折叠面板属性，传递 value 参数时设置属性。