jquery-ui - jQuery UI Accordion 子 div 大小

Question

我的页面上有一个手风琴，子 div 中有不同长度的内容。当手风琴显示时，第一个折叠只有一行文本，但 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" });