jQuery插件应用之 --- 选项卡插件的使用

一 首先来介绍一下选项卡插件的作用

jQuery UI插件折叠板可以实现页面中指定区域的折叠效果，这种效果称”手风琴”，即通过单击某个面板中的标题栏，就会展开相应的内容，当点击其他面板标题栏时，已展开的内容会自动关闭，通过这种方式，实现多个面板数据在一个页面中有序展示。

二 选项卡插件的使用

1． 首先来介绍一下折叠面板所用的参数

（1）collapsible是否可折叠选项卡的内容，设置一个布尔值，如果为true，那么允许用户可折叠选项卡的内容，即首次点击展开，再点击关闭，默认值为false。

（2）disable 设置不可用选项卡

（3）event 设置展开选项的事件，默认值为”click”，也可以设置双击，鼠标划过事件

（5）fx设置切换选项卡时的一些动画效果

（6）设置被选中选项卡的index

2.我们首先来创建一个html页面，如下：