jQuery UI Accordion 使所有部分与最大部分的大小相同

Question

我正在使用 jQuery UI Accordion 效果，但似乎无法正确调整 div 的大小。我希望第二个为 900x900 以适应嵌入式 map 。前一节只需要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

您可以设置 Accordion 的 heightStyle content 的选项。这样，每个部分的高度将只达到容纳其内容所需的高度。

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