javascript - Accordion 高度问题

Question

我有一个简单的 Accordion 设置，只有两个部分。顶部的第一部分默认折叠，底部的第二部分默认展开。

我遇到了一个问题，顶部的第一部分，当展开时在某处设置了一个样式，该样式创建了“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、内联、外部 - 切换溢出以及尝试关闭此空白/从其来源覆盖该样式的所有其他方法中定义高度。

我能做什么？

这几乎是我实现的所有内容(仅包含我的文本内容)；

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

  <script>
  $(document).ready(function() {
    $( "#accordion" ).accordion({ active: 1 });

  });

  </script>

<div id="accordion">

<h3><a href="#">Section 1</a></h3>

 <p> Text content </p>

<h3><a href="#">Section 2</a></h3>

<p> Text content </p>

</div>

问题链接: http://tinyurl.com/7xn33hb

Answer 1

尝试设置 autoHeight: false

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