jquery-ui - jQuery UI アコーディオンの子 div のサイズ

Question

ページにアコーディオンがあり、子 div にはさまざまな長さのコンテンツがあります。アコーディオンが表示されると、最初の折り目には 1 行のテキストしかありませんが、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" });