尋找一個可定製的水平手風琴腳本使用jQuery

Question

有誰知道一個水平手風琴的jQuery腳本，當摺疊時允許不同寬度的面板？該網站http://www.royalalberthall.com/有我正在尋找的功能，但使用Scriptaculous /原型。寧願使用jQuery。

我發現了一個類似的純JS版本，但我不確定如何改變它以獲得不同大小的摺疊面板。我在JSFiddle上設置了this example，所以如果有人想修補，請做。

任何幫助或建議非常感謝！

Answer 1

你可能想看看jQuery Tools

這是來自其網站的代碼示例：

<div id="accordion"> 

<h2 class="current">First pane</h2> 
<div class="pane" style="display:block">... pane content ...</div> 

<h2>Second pane</h2> 
<div class="pane">... pane content ...</div> 

<h2>Third pane</h2> 
<div class="pane">... pane content ...</div> 

</div> 

現在，我還沒有試過，但沒有理由爲什麼他們的做法不應該」即使你通過css爲每個「標籤」定義不同的寬度，所以第一個div可能是<div class="pane large">...</div>, 第二個wone <div class="pane small">...</div>等

希望這有助於。