如何使用切換選項卡內容創建表格？

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找到一個例子。