jQuery Accordion'height:auto'导致动画故障

时间:2011-10-04 21:42:51

标签: jquery animation accordion

我正在使用jQuery Accordion,我希望每个部分都能够根据内部内容动态调整大小。所以我将.ui-accordion-content-active的样式设置为'height:auto'。这有效,而一个特定部分是活跃的;它正确调整大小以容纳其中的内容。

但是,在选择Accordion的不同部分时,height属性似乎会影响动画。看起来它开始滑动,但是自动高度接管并且两个部分都在短时间内完全打开,最后活动的部分关闭。

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

2 个答案:

答案 0 :(得分:3)

在Script标签下,写下面给出的代码。

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

:) -

答案 1 :(得分:0)

您是否从jQuery UI网站上的no-auto-height演示中检出了标记? 它似乎正是你所要求的。

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