Просмотр вкладок в CSS с таблицами

Question

Мне нужен вид вкладок в CSS, где на каждой вкладке отображается динамическая таблица.Полная таблица динамически создается в цикле, и только после этого вкладки должны скрывать и показывать каждую таблицу, соответствующую каждой вкладке.Есть какие-нибудь предложения?Содержимое вкладки находится внутри элемента списка и только в цикле.Разработка ведется на Django / Python в appspot.

Следующий код также не работает для jquery, есть ли где-то проблема?

<pre><code> <div id="tabs">
 <ul> 
{% for poolname in poolnamelist %}
 <li><a href="#mypool{{ forloop.counter }}">
<span>{{ poolname|escape }}</span></a></li>
 {% endfor %}
 </ul>
 {% for poolsequence in sequences %}
 <div id="mypool{{ forloop.counter }}">
 <table> 
{% for sequence in poolsequence %}
 <form action="/mypool" method="post">
 <tr><td>{{ sequence.seqdate }}</td>
 <td><input type="submit" value="ChangeDriver"/></td>
 </tr>
 </form>
 {% endfor %}
 </table>
 </div>
 {% endfor %}
 </div>
 </code></pre>

Answer 1

Проверьте Вкладки пользовательского интерфейса jQuery;это сделает то, что вы ищете.Это невозможно сделать, используя чистый CSS.

Answer 2

На всякий случай, ознакомьтесь с тем, что могут предложить некоторые из наборов инструментов Javascript.Такие вещи, как jQuery с несколькими плагинами или Dojo, могут иметь что-то подобное в своей библиотеке Dijit.