jQuery UI插件折叠面板可以实现页面中指定区域的折叠效果,这种效果俗语“手风琴”,即通过单击某块面板中的标题栏,就会展开相应的内容,当单击其他面板标题栏时,已展开的内容会自动关闭,通过这种试,实现多个面板数据在一个页面中有序展示。
其调用的语法格式为:
accordion(options)
其中选项options常用的参数有如下几项:
animated 设置折叠时的效果,默认为slide; 也可以自定义动画。如果设置为false,表示不要设置折叠时的动画效果。
active 设置默认展开的主题选择,默认值为“1".
autoHeight 内容高度是否设置为自动增设,默认值为true.
event 设置展开选项的事件,默认值为click, 也可以设置双击、鼠标滑过事件.
fillspace 设置内容是否充满父元素的高度,默认值为false,如果设置为true,那么,autoHeight参数设置的值无效。
icon 设置小图标,其设置的格式为header:默认图标 headerSelected:激活时的图标
具体代码参见accordion博文。