jQuery 手风琴'height: auto'导致动画故障

Question

我使用jQuery Accordion，我希望每个部分能够根据内部内容动态调整大小。所以我把。ui-accordion-content-active的样式设置为height: auto。当一个特定的部分处于活动状态时，此操作有效;它会正确调整大小以适应其中的内容。

然而，当选择Accordion的不同部分时，height属性似乎会影响动画。它看起来像是开始滑动，但自动高度接管，两个部分都完全打开了很短的时间，最后之前活跃的一个关闭。

似乎应该有一个正确的方法来强制一个Accordion内容div动态调整大小，而不影响动画。我很感激任何提示，谢谢!

Answer 1

在Script标签下，编写如下代码

$(function() {
 $( "#accordion" ).accordion({
  heightStyle: "content"
  autoHeight: false
 });
});

: -

Answer 2

您是否检查过jQuery UI站点上的无自动高度演示中的标记?它似乎完全按照你的要求去做。

http://jqueryui.com/demos/accordion/no-auto-height