html - 如何创建带有切换选项卡内容的表格？

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 中填写您的内容即可。