私はおそらくこれを考えすぎています:
私は次の設定をしています:
<div id='wrapper'>
<div id='container'>
<div id='titlebar'><p class='clickObj'>Title</p></div>
<div id='content' style='display: none;'>...stuff</div>
</div>
<div id='container'>
<div id='titlebar'><p class='clickObj'>Title</p></div>
<div id='content' style='display: none;'>...stuff</div>
</div>
<div id='container'>
<div id='titlebar'><p class='clickObj'>Title</p></div>
<div id='content' style='display: none;'>...stuff</div>
</div>
<div id='container'>
<div id='titlebar'><p class='clickObj'>Title</p></div>
<div id='content' style='display: none;'>...stuff</div>
</div>
</div>
clickObj でタイトルをクリックすると、関連するコンテンツ div が下にスライドします。次に、親コンテナーをラッパー div の上部にスライドさせ、他のコンテナー div をプッシュまたはプルします。うまくいけば、それは理にかなっています。
scrollTo を見ましたが、このようなものに使用する方法がわかりませんでした。