为了账号安全,请及时绑定邮箱和手机立即绑定

.1 active 这个参数是设置默认选项的,默认情况下是0,也就是第一个。
如上面的例子中所示,当没有指定它的值时,默认选择是0.所以显示的是Section 1中的内容:Section 1 content.
初始化设置改为:$('#accordion').accordion({ active: 1 });时,则初始显示的是Section 2中的内容:Section 2 content.
在初始化之后的获取和设置此项值的例子:
//获取 var active = $('#accordion').accordion('option', 'active'); 
//设置,将值设为1 $('#accordion').accordion('option', 'active', 1);

1.2 animated 这个参数是设置动画效果 默认选项是‘slide’
可以设置你喜欢的动画效果,或不使用动画效果(设置为false),除了默认设置,还可以使用'bounceslide'和'easeslide'效果,这时需要UI Effects Core .
初始化设置例: $('#accordion').accordion({ animated: 'bounceslide' });
在初始化之后的获取和设置实例:
//获取  var animated = $('#accordion').accordion('option', 'animated');
//设置  $('#accordion').accordion('option', 'animated', 'bounceslide');

1.3 autoHeight 默认是true,如果设置,所有内容部分的高被设定为其中最高内容的高。 初始化设置:$('#accordion').accordion({ autoHeight: false });
初始化以后的获取或设置
//获取 var autoHeight = $('#accordion').accordion('option', 'autoHeight');
//设置  $('#accordion').accordion('option', 'autoHeight', false);

1.4 clearStyle 默认是false.如果设置,则会把accordion默认设置的height或其它的样式清除掉.如果你的accordin项中的内容是动态的话,设置这项是一种很好的选择.
这一项不能和选项autoHeight一起使用.因为它们是冲突的.
初始化设置 $('#accordion').accordion({ clearStyle: true });
设置这一项后,你会发现你的每一个accordion时section所占的高度(或空间)会不一致的,也就是随它们的内容多少而改变高度(或空间).
初始化后的获取和设置如下:
//获取 var clearStyle = $('#accordion').accordion('option', 'clearStyle');
//设置 $('#accordion').accordion('option', 'clearStyle', true);

1.5 collapsible 默认选项是false.如果设置这项,则所有的accordion sections都能折叠起来,当点击同一个部分时,section会在折叠和展开之间切换.
初始化设置:$('#accordion').accordion({ collapsible: true });
初始化以后的获取或设置
//获取 var autoHeight = $('#accordion').accordion('option', 'collapsible');
//设置  $('#accordion').accordion('option', 'collapsible', false);

1.6  event 默认是'click' . 如何展开选项。可以设置成双击、鼠标滑过等。
初始化设置例:$('#accordion').accordion(event:"mouseover");
初始化后的获取或设置
//获取var event = $('#accordion').accordion('option', 'event');
//设置$('#accordion').accordion('option', 'event', 'mouseover');

1.7 fillSpace ,充满父元素的高(如果在没有被其他容器包容时,也就是你第一次选择显示的accrodion部分的高),默认为false ,使用此项,autoHeight无效。
(注意:clearStyle,autoHeight,fillSpace三项的区别:
个人经验是:clearStyle是每个section都根据自己的内容调整自己的高度,sections相互之间不影响)
autoHeight: 所有的sections都以他们之中最高的那部分的高度作为基准.
fillSpace: 则是根据初始化时,默认显示的那部分(也就是active的值)的高度为基准(这有个条件就是accordion没有受其他的容器的限制,也就是没有置于其他的容器中时).
初始化设置例:$('#accordion').accordion({ fillSpace: true });    
和active一起使用的实例:$('#accordion').accordion({active: 1, fillSpace: true });
初始化后的获取和设置请参考上面的 ,此处省略。

正在回答

3 回答

mark

0 回复 有任何疑惑可以回复我~

mark

0 回复 有任何疑惑可以回复我~

好详细的API 

0 回复 有任何疑惑可以回复我~
#1

Mistake 提问者

刚刚接触到这个 就只有百度了 和大家分享
2014-08-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154708    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号