How To Create A Table With Switching Tab Content?

I want to make a table looks like this: The inside table is not an issue but don't know how to create the outer frame which includes 'Item Descriptions', 'Shipping', and 'Returns'

Solution 1:

You could certainly use jQuery to solve this. That's what I did when I needed some tabs. I did something like:

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

and then some jQuery to make the tabs:

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

works pretty nicely for me. Just fill in whatever your content is in each of the divs.

Solution 2:

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