带有autoHeight=true的jQuery UI accordion在非默认窗格上有不必要的滚动条

Question

我在jQuery手风琴上遇到了麻烦。当我创建一个内容窗格，其中非默认窗格比默认窗格具有更多的内容，并且autoHeight为true时，这在切换窗格时提供了很好的动画效果，但是非默认窗格获得了我不想要的滚动条。

你可以通过转到http://jqueryui.com/themeroller/，切换到像"Blitzer“或"Humanity”这样的主题，然后打开示例手风琴的第3部分，来看到这一点。在我使用Safari 3.2.1和Firefox 3.0.8时会发生这种情况。

如果切换到autoHeight=false，则不会发生这种情况，并且所有内容窗格都具有正确的高度，但内容窗格仅在动画的末尾呈现，看起来很奇怪，因此我必须关闭动画以避免这种奇怪的情况。

要么我读错了什么，要么这是jQuery UI accordion中的一个错误。请帮我找出这两个中的哪一个(或者两者都是)。

Answer 1

我尝试了几种不同的方法。autoHeight: false本身不起作用。这就是最终对我有效的方法：

$( "#accordion" ).accordion({
            heightStyle: "content",
            autoHeight: false,
        clearStyle: true,   
        });

我在具有固定宽度的SharePoint内容编辑器when部件中使用它，这增加了向accordion小部件添加内容时的高度问题。

Answer 2

使用这个组合选项对我来说很有效，1.jQuery/ui的当前版本

$( '#x' ).accordion({
    autoHeight: false,
    clearStyle: true
});     

Answer 3

我遇到了类似的问题，对我来说，CSS中的以下变化起作用了。

.ui-accordion .ui-accordion-content{
overflow:visible !important;
}