javascript - jQuery UI Accordion - 每个面板都适合内容

Question

我正在使用 jQuery UI 的 Accordion http://jqueryui.com/demos/accordion/我正在努力让它适应每个面板内容的高度。

它目前的工作方式是适应最大的面板内容，但我希望它根据打开的面板调整大小。

此外，有没有办法让一个面板默认打开而不是顶部面板？我希望在用户加载页面时打开最底部的面板。

提前致谢!

编辑:我尝试将 height:auto !important; 放在 .ui-accordion .ui-accordion-content-active 上的 jquery-ui.css 文件中> 这确实有效，但在关闭 Accordion 时会导致一个奇怪的问题，其中一个 Accordion 保持打开状态而另一个打开。

Answer 1

为了保持最新，对于 jquery UI 版本 1.9，autoHeight 似乎已被 heightStyle 取代。 http://api.jqueryui.com/accordion/#option-heightStyle

1.9 之后的方法是 $( ".selector").accordion({ heightStyle: "content"});

autoHeight 在大多数情况下仍然有效，但是当我使用 autoHeight: false 并且我的 .ui-accordion-content 包含一个高度设置为自动的图像时，我在 Chrome 和 Safari 中遇到了困难，但在 Firefox 中却没有。使用 heightStyle 效果更好。