jQuery 工具选项卡插件 : Make Active Tab Always first

Question

我正在使用 jQuery Tools 的选项卡插件来做一个垂直选项卡系统(选项卡垂直堆叠在左侧，相关内容在右侧)。

当您单击选项卡时，右侧的内容会发生变化。工作正常。

有没有办法让当前/事件选项卡始终成为列表中的第一个(或顶部)选项卡？

<div class="corpRespPod" id="notes">
        <ul class="tabs">
            <li><a href="#notes" title="Tab 1">Tab 1</a></li>
            <li><a href="#notes" title="Tab 2">Tab 2</a></li>
            <li><a href="#notes" title="Tab 3">Tab 3</a></li>
        </ul>
        <div class="panes">
            <div>
               Tab 1 content Here
            </div>
            ...
        </div>
</div>

简单的 JS 来触发它:

    $("#notes .tabs").tabs("#notes .panes div");

换句话说，如果单击“Tab 2”，它显然会添加 current 类，但也使其成为第一个 <li>在列表中。有 CSS 或 JS 解决方案的想法吗？原生 jQuery 工具功能似乎没有。

Answer 1

不太确定 jQuery Tools，但使用 jQuery UI 似乎非常简单

使用 jQuery UI 查看此演示，它可能会有所帮助。

Vertical Tabs jQuery