jquery - jQuery UI 网站上的垂直 "tab"组件

Question

jQuery UI 具有一个漂亮的“垂直选项卡”小部件，可以在章节之间切换 on its own website.

有人知道这是否构建在某种标准小部件上(您会期望 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>