How to create a table with tab contents enabled?

Question

I want the table to look like this:

The internal table is not a problem, but does not know how to create an external frame, which includes the tabs "Product Descriptions", "Shipping" and "Returns". It would be very helpful to get a minimal example. Thanks.

Answer 1

You can use jQuery to solve this problem. This is what I did when I needed some tabs. I did something like:

<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> 

and then some jQuery to make tabs:

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

works very well for me. Just fill in what your content is in each of the divs.

Answer 2

People usually call these tabs. You can find an example in this link .