jQuery Mobile アコーディオン ウィジェットを jQuery バージョン 1.7.1 および jQueryMobile バージョン 1.1.1 で使用しています。ここのデモのように、アコーディオンを展開したときに固定スペースを占有して、ページの残りの部分が下にスクロールしないようにしたいと思います: http://jqueryui.com/accordion/#default
jQuery の「アコーディオン」オプションを使用してみましたが、異なるようです。現在のように、アコーディオン パネルはコンテンツに応じてサイズが変化するため、アコーディオンの下のコンテンツは常に移動します。
これが私のコードです:
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3>Title 1</h3>
<p>[content 1: very long]</p>
</div>
<div data-role="collapsible">
<h3>Title 2</h3>
<p>[content 2: normal length]</p>
</div>
<div data-role="collapsible">
<h3>Title 3</h3>
<p>[content 3: short]</p>
</div>
<div data-role="collapsible">
<h3>Title 4</h3>
<p>[content 4: short]</p>
</div>
</div>
ありがとうございました!