jQuery UI站点上的垂直“tab”组件

Question

jQuery UI具有漂亮的“垂直标签”小部件，可在章节之间切换on its own website.

有没有人知道这是否建立在某种标准小部件上（你 希望用户自己的“标签”组件正在被用于此，但没有骰子！），或者它是否是定制的东西？粗略地看一下代码让我怀疑后者......这对我正在进行的项目来说非常方便。

Answer 1

这是UI Tabs Widget：http://jqueryui.com/demos/tabs/

您可以通过简单的方式使用css为垂直标签设置样式，因为您可以定义无序列表，根据需要设置样式并添加UI标签魔术。这是一些非常基本的造型...... 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>