如何调整 jQuery UI 手风琴的高度？

在我的用户界面中，我有一个像这样的手风琴设置：

<div id="object_list">
    <h3>Section 1</h3>
    <div>...content...</div>

    // More sections
</div>

手风琴在刚形成时工作正常，并且似乎可以很好地适应每个部分内的内容。但是，如果我在 .accordion() 调用（通过 ajax）之后向手风琴中添加更多内容，则该部分的内部最终会溢出。

由于手风琴是在几乎没有内容的情况下形成的，因此所有内部 div 都非常小，因此内容会溢出，并且您会得到内部带有滚动条的手风琴，几乎没有查看区域。

我尝试将最小高度样式添加到 object_list div，但内容 div 无济于事。将 min-height 添加到内部 div 有点有效，但它弄乱了手风琴的动画，并将其添加到 object_list div 绝对没有任何作用。

即使没有足够的内容来填充这些部分，如何才能获得合理的内容部分大小？

autoHeight 已被弃用1.9 http://jqueryui.com/upgrade-guide/1.9/，并删除于1.10 http://jqueryui.com/upgrade-guide/1.10/.

Use:

$('#id').accordion({heightStyle: 'content'});

自动调整你的内部 div 的大小。

UPDATE:

我发现这仍然是一个非常活跃的帖子，所以我决定确保我的答案仍然有效。看起来这可能不再适用于 jQuery UI1.11 http://jqueryui.com/upgrade-guide/1.11/#accordion。它指出 [content] 属性已被弃用，并使用 [panel] 代替。使代码片段现在看起来更像这样：

$('#id').accordion({heightStyle: 'panel'});

我还没有测试过这个，刚刚发现，当我有时间测试时会返回并删除此评论