jQuery:选择列表项，显示文本

Question

我很好奇构建带有文本的可选列表的最佳方法是什么。

我不会把所有内容都写出来，而是向您展示:

或者即使您知道网络上某个地方有类似的示例...只需指出我即可。

Answer 1

您所指的有时称为选项卡和 Pane 。这是来自优秀的 jQuery Tools - Tabs 的示例库，您应该查看:

<!-- the tabs -->
<ul class="tabs">
    <li><a href="#">Tab 1</a></li>
    <li><a href="#">Tab 2</a></li>
    <li><a href="#">Tab 3</a></li>
</ul>

<!-- tab "panes" -->
<div class="panes">
    <div>First tab content. Tab contents are called "panes"</div>
    <div>Second tab content</div>
    <div>Third tab content</div>
</div>