jquery - jQuery UI 手风琴使所有部分的大小与最大的部分相同

Question

我正在使用 jQuery UI 手风琴效果，我似乎无法正确调整 div 的大小。我希望第二个是 900x900 以适应嵌入式地图。前一部分只需要大约 400 高，我无法用下面的 CSS 解决问题。

.accordion-section{
background: #F5F5F5;
box-shadow: 3px 3px 3px #888;
border-radius: 15px;
position: relative;
margin-top: 2px;
margin-bottom: 10px;
padding: .5em .5em .5em .7em;
display: block;


}



#FIRSTACCORDIONDIV{

overflow:hidden;
    height:400px;


}

有什么建议么？谢谢！

Answer 1

您可以将手风琴的heightStyle选项设置为content. 这样，每个部分的高度将仅与容纳其内容所需的一样高。

您可能还想从 CSS 中删除规则，以便用户不会错过标记#FIRSTACCORDIONDIV下方的自然部分布局和可能的内容。400px