jQuery UI Accordion子div大小

Question

我的页面上有手风琴，子div有不同长度的内容。当手风琴显示时，第一个折叠只有一行文字，但div占用的空间与最长的div相同。有没有办法让孩子们在展开时只占用他们需要的空间？

如果这太模糊，我可以发布一些代码来解释我的意思。谢谢你的帮助。

Answer 1

如果您希望手风琴动态调整大小到其包含的内容的高度，您可以实现以下代码：

$( "#accordion" ).accordion( "option", "autoHeight", false ); // or true if you want to change back

或使用heightStyle：

控制手风琴和每个面板的高度。可能的值：

"auto" // All panels will be set to the height of the tallest panel.
"fill" //Expand to the available height based on the accordion's parent height.
"content" //Each panel will be only as tall as its content.

代码示例：

使用指定的heightStyle选项初始化手风琴：

 $( ".selector" ).accordion({ heightStyle: "fill" });