垂直「タブ」コンポーネント

Question

jQueryのUIは、誰もが、これは標準のウィジェットのいくつかの種類に基づいて構築するかどうかを知っているかの章on its own website.

を切り替える見栄えの良い「垂直タブ移動」ウィジェットが特徴（は、UIの独自の「タブ」コンポーネントがこれに使用されていますが、サイコロは使用されないことを期待しています）。コードをざっと見ていると、後者が疑わしいのです...これは、私が取り組んでいるプロジェクトで非常に便利です。

Answer 1

それはUIのタブウィジェットです：http://jqueryui.com/demos/tabs/

あなたはそれがあなたのニーズに順不同リスト、スタイルを定義し、UIのタブ魔法を追加することができますので、あなたは簡単な方法でCSSを使用して、垂直タブをスタイルすることができます。ここではいくつかの本当に基本的なスタイリングが... http://jsfiddle.net/CR6Eg/ demos.jsを見てみると

<li class="ui-tabs-nav-item"> 
    <a href="#fragment-slide-1"><span>Volutpat ut wisi enim</a> 
</li> 
<li class="ui-tabs-nav-item"> 
    <a href="#fragment-slide-2"><span>Volutpat ut wisi enim</a> 
</li> 

<div class="ui-tabs-panel" id="fragment-slide-1" style=""> 
    <p>content</p> 
</div> 
<div class="ui-tabs-panel" id="fragment-slide-2" style=""> 
    <p>content</p> 
</div>