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

我正在使用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;


}

有什么建议么？谢谢！

最佳答案

您可以将手风琴的heightStyle选项设置为content。这样，每个部分将仅根据需要容纳其内容。

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