Как создать таблицу с переключением содержимого вкладки?

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>

работает довольно хорошо для меня. Просто заполните все, что у вас есть в каждом из разделов.

Answer 2

Люди обычно называют эти вкладки. Вы можете найти пример в этой ссылке .