Javascript 手风琴高度问题

我有一个简单的手风琴设置，只有两个部分。默认情况下，顶部第一个部分折叠，底部第二个部分展开

我遇到了一个问题，顶部的第一部分，当展开时，在某个地方设置了一个样式，其创建的高度为'3791.8px“创建这个巨大的垂直空白（我的内容只有1000像素）。我不确定它是从哪里来的，因为我搜索了附加到脚本的默认css，没有发现任何相关内容。 (http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css“rel=”stylesheet“type=”text/css/）

我已经尝试过在特定的div中定义高度，accordion div，inline，external-togging-overflow，以及其他各种方式来尝试关闭这个空白/覆盖它来自的样式

我能做什么？

这几乎就是我实现的全部内容（仅限于我的文本内容）

$（文档）.ready（函数（）{
$（“#手风琴”）。手风琴（{active:1}）；
});
文本内容

文本内容

---

问题链接：

默认情况下，它采用最高部分的高度，并使所有部分都达到该高度。通过将autoHeight属性设置为false，您可以将其更改为仅使其成为其实际内容的高度。例如

$( "#accordion" ).accordion({ active: 1, autoHeight: false });

---

尝试设置

autoHeight:false

$(document).ready(function() {
    $( "#accordion" ).accordion({ 
        active: 1,
        autoHeight: false
     });
});

---

默认情况下，jQuery UI的accordion小部件将选项设置为true。根据文档：

如果设置，最高内容部分将用作所有其他部分的高度参考。提供更一致的动画

将其设置为

false

，如下所示：

$( "#accordion" ).accordion({ active: 1, autoHeight: false });

---

这将使您获得所需的行为。

只需将您的

自动高度设置为“false”“

你能为手风琴添加CSS吗？最好是页面链接。当然，伙计们，上面的Q中添加了链接。如果你使用

而不是

，会发生什么？我想混淆的是，你提供的文档链接实际上谈论的是高度样式，而不是自动高度，例如，文档是错误的。插件的默认行为毫无意义。感谢您的解决方案+1

$( "#accordion" ).accordion({ active: 1, autoHeight: false });