2012-02-15 5 views
1

私たちは、タブのアプリケーションを左下に縦に下ろしたインターフェイス標準を持っています。 95%の時間がこれで必要なもので、すべてが問題ありません。jQueryUIでサブタブを作成するには?

| Tab   | Content 
| Selected Tab 
| Tab   | 

私たちは今、サブセクションに分割する必要があるタブです。私たちは本当にサブコンテンツセクションの上部を横切る水平のタブにスワップしたくありません。理想的なのは、サイドタブの1つを展開して選択可能な子タブを表示できる場合です。

| Tab   | Content of Selected Tab Child 2 
| Selected Tab | 
| Child 1 | 
| Child 2 
| Child 3 | 
| Tab   | 

すでにこのようなことをしているjQueryUIのプラグインはありますか?それとも最初から始めているのですか?

+0

現在の "水平"ソリューションのデモをセットアップできますか? – Sinetheta

+0

私たちは現在の水平な解決策を持っていませんか? – jhogendorn

答えて

1

jquery-vert-tabsあなたは現在、垂直タブは何を使用している...あなたが望んでいたきれいな方法

screenshot of jquery-vert-tabs example of nested tabs

をネストされたタブをサポートしていますが、私の知る限りではありませんか? jQuery UIはそれをサポートしていないので、別のプラグインを使用していると仮定しています。

もっと良い方法が見つからない場合は、「通常の」タブと「サブ」タブのメニューを作成することをお勧めします。後者にはインデントを付けます(padding-leftを使用するか、前に を追加します)。デフォルト。通常のタブをクリックすると、クリックされたサブタブ以外のすべてのサブタブが非表示になり、表示されます。あなたが現在使っているものによっては、実装するのが難しいはずはありません...

関連する問題