如何创建一个切换标签内容的表？

Question

我想制作一个如下表：

内部表不是问题，但不知道如何创建包含“项目描述”，“运输”和“返回”选项卡的外框。一个极小的例子将非常感谢。谢谢。

Answer 1

你当然可以使用jQuery来解决这个问题。这就是我在需要一些标签时所做的。我做了类似的事情：

<ul>
   <li><a href="#tab-description">Description</a></li>
   <li><a href="#tab-shipping">Shipping</a></li>
   <li><a href="#tab-returns">Returns</a></li>
</ul>
<div id="tab-description" class="mytabs">
</div>
<div id="tab-shipping" class="mytabs">
</div>
<div id="tab-returns" class="mytabs">
</div>

然后使用一些jQuery制作标签：

<script language="javascript" type="text/javascript">
   $(document).ready(function () {
      $("#mytabs").tabs({ fx: {opacity: 'toggle'} });
   });
</script>

对我很好。只需填写每个div中的内容即可。

Answer 2

人们通常会调用这些标签。您可以在this link中找到示例。