2011-11-10 40 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