Verticale "scheda" in loco UI jQuery

Question

jQuery UI dispone di un widget "tabulazione verticale" bello da vedere per passare tra i capitoli on its own website.

Qualcuno sa se questo si basa su una sorta di widget di serie (è aspettarsi che il componente "tabs" dell'interfaccia utente venga utilizzato per questo, ma non i dadi!) o se si tratti di qualcosa di personalizzato? Una rapida occhiata al codice mi fa sospettare che quest'ultimo ... Questo sarebbe molto utile in un progetto su cui sto lavorando.

Answer 1

E 'la UI Tabs Widget: http://jqueryui.com/demos/tabs/

potete stile le schede verticali con i CSS in modo semplice, perché è possibile definire una lista non ordinata, stile alle vostre esigenze e aggiungere UI Tabs magia. Ecco alcuni styling veramente di base ... http://jsfiddle.net/CR6Eg/

<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>