jQuery UI站点上的垂直"tab"组件

Question

jQuery UI具有漂亮的"垂直标签"小部件,可在自己的网站上切换章节.

有没有人知道这是否构建在某种标准小部件上(你会期望用户自己的"标签"组件正在被用于此,但没有骰子!),或者是否是定制的东西？粗略地看一下这段代码让我怀疑后者......这对我正在研究的项目来说非常方便.

Answer 1

这是 UI 选项卡小部件：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>