手风琴在设置为可折叠和高度式填充时，尺寸不正确。

Question

这里有一个JSFiddle：http://jsfiddle.net/gLygQ/

<div class="accordion" style="max-height:600px">
<h3>Cats</h3>
     <div>
          Some content
          <br/>
          Some more content
     </div>
 </div>
<span>No whitespace above me</span>

。

$(function() {
    $(".accordion").accordion({ heightStyle: "fill", collapsible: true, active: false });
});

基本上，如果您将其设置为填充，如果可折叠设置为true，它将不会正确地调整高度。

如果禁用“可折叠”，或将“高度”样式设置为“内容”，则它将正确工作。然而，我需要一个可折叠手风琴，大小根据其内容。

我已经将最大高度设置为600 in，这远远超过了内容大小，因为我希望有太多内容的手风琴有一个滚动条。

有什么想法吗？

Answer 1

如果您在手风琴内容上设置了最大高度，并将heightStyle设置为填充，那么您将得到所需的功能。没有滚动的单行，滚动条的任何超过最大。请参阅：http://jsfiddle.net/4RN7v/1/

    $(function() {
    $(".accordion").accordion({ heightStyle: "content", collapsible: true, active: true });
    $(".ui-accordion-content").css("max-height", "200px");
});

哇哦。希望这能有所帮助。