使用jQuery寻找可定制的水平手风琴脚本

Question

有没有人知道水平手风琴的jQuery脚本，在折叠时允许不同宽度的面板？网站http://www.royalalberthall.com/具有我正在寻找的功能，但使用Scriptaculous / Prototype。宁愿使用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>

现在，我还没试过这个，但是没有理由为什么即使你为每个“tab”通过css定义不同的宽度，他们的方法也不行，所以第一个div可能是<div class="pane large">...</div>， 第二个是<div class="pane small">...</div>等等。

希望这有帮助。