jQuery UI Accordion頁面加載時活動的所有選項卡

Question

我使用jQuery UI製作了嵌套的手風琴。

<div id="accordion"> 
    <h3>Location 1 (main, NEW YORK, NY 10292)</h3> 
     <div id="accordion-2"> 
      <h3>Class Code Information</h3> 
      <div> 
      <span class="block-1"> 
      <span class="block-2"> 
      <span class="block-3"> 
...  

默認情況下使active:true我得到第1主1日（塊1）的孩子打開。 怎樣才能讓所有的孩子第一次主要手風琴活動（打開）： 塊1 塊2 塊3 ...

這是我的JS

$(function() { 
var icons = { 
     header: "iconClosed", // custom icon class 
     activeHeader: "iconOpen" // custom icon class 
    }; 
    $("#accordion, #accordion-2").accordion({ 
     autoHeight: false, 
     collapsible: true, 
     heightStyle: "content", 
     icons: icons 
    }); 
}); 

有誰知道如何爲了達成這個？

Answer 1

Ок，目前jquery UI無法讓所有的accodrion塊一次激活（可見）。

因此，如果您需要打開多個面板：查找另一個插件，或者： 使每個幻燈片都顯示爲打開狀態，作爲新的附件。

例如，我做了一個div＃accordion-2 - 在每個子div上我已經激活了手風琴。

$("#accordion-2 > div").accordion({ 
    header: "h3", 
    autoHeight: false, 
    collapsible: true, 
    icons: icons 
});