jQueryUI タブを使用して、タブとコンテンツ ペインを 2 つの別々のコンテナーに配置する方法はありませんか?
私はこのレイアウトを持っています:
+--------------+--------------------------------------------------------+
| A | B |
| Link | Tabs |
+--------------+--------------------------------------------------------+
| C | D |
| | |
| <- Animate ->| Content panes |
| | |
| | |
| | |
| | |
| | |
+-----------------------------------------------------------------------+
リンクをクリックすると、C コンテナーが折りたたまれ、それによって D コンテナーがタブ ペインと共に展開されます。私は自分のhtmlを次のようにデザインすることを好みます:
<div class="top">
<div class="left" /> <!--A-->
<div class="right" /> <!--B (tabs ul goes in here) -->
</div>
<div class="bottom">
<div class="left" /> <!--C-->
<div class="right" /> <!--D (content panes goes in here) -->
</div>
ただし、jQueryUI タブから「フラグメント識別子の不一致」エラーがスローされます。
回避策はありませんか？