2011-11-10 36 views
1

我有一个要在jQuery UI Accordion中显示的部分列表。如何在jQuery UI中扩展前两个元素Accordion

 

    Section 1 
    Section 2 
    Section 3 
    Section 4 
    Section 5 

让我知道如何从代码开始扩展前两个部分。

 

    Section 1(-) 

    Section 2(-) 

    Section 3(+) 
    Section 4(+) 
    Section 5(+) 

目前我只能用下面的代码展开一个元素。

$(".selector").accordion({ active: 2 }); 

参考:http://docs.jquery.com/UI/Accordion#option-active

+1

嗯,我认为手风琴的目的是一次只展示一个手风琴。在[Accordion页面](http://jqueryui.com/demos/accordion/)上,您可以阅读:**注意:如果您想一次打开多个部分,请勿使用手风琴** –

回答

2

jQuery UI的手风琴不会让你有一个以上的部分开放:

注意:如果你想一次多段开放,不使用手风琴

手风琴不允许同时打开多个内容面板,而且需要花费大量精力才能做到这一点。如果您正在查找允许多个内容面板打开的小部件,请不要使用它。通常,它能够使用jQuery的几行字来代替,像这样写:

jQuery(document).ready(function(){ 
    $('.accordion .head').click(function() { 
     $(this).next().toggle(); 
     return false; 
    }).next().hide(); 
}); 

http://docs.jquery.com/UI/Accordion