jQueryUI手風琴不起作用

Question

有了jQuery UI，我使用的是手風琴，它看起來很酷。 默認第一個選項卡或任何其被稱爲打開，我要它，以便他們都是關閉，只有點擊時打開 。任何這樣做？

此外，您是否可以將該區域的開放大小足以滿足其中的實際內容？ 我認爲正在發生的事情是，打開時的默認大小等於任何其中最大的東西。

這是我的在線示例，單擊播放選項卡，你會明白我的意思。 當用戶第一次看到它時，他看不到其他選項卡，因爲它們大大的空白空間不在屏幕下方。 http://www.taffatech.com/Demo.html

<div id="accordion2"> 
    <h3>Welcome</h3> 

    <div>Choose a game!</div> 
    <h3>Play Game 1</h3> 

    <div> 
     <p>Game 1 is in development 
      <div align="center"> 
       <canvas id="myCanvas" width="600" height="400" align="center" style="border:1px solid #ffffff;"></canvas> 
      </div> 
     </p> 
    </div> 

<h3>Play Game 2</h3> 

    <div> 
     <p>Game 2 is in development</p> 
    </div> 

<h3>Play Game 3</h3> 

    <div> 
     <p>Game 3 is in development</p> 
    </div> 
</div> 

Answer 1

在選項中，設置active到false和collapsible到true，像這樣：

$('div#accordion2').accordion({active: false, collapsible: true});