vista Tab em CSS com mesas

Question

Eu preciso de uma vista guia em CSS com cada guia mostrando uma tabela dinâmica. A tabela completa é construída de forma dinâmica em malha e somente depois de que se as abas deve esconder e mostram cada uma a tabela, correspondente a cada aba. Alguma sugestão? O conteúdo do guia está dentro item da lista e em apenas loop. O desenvolvimento está em Django / Python em appspot.

O código a seguir não funciona para jquery, também, há um problema em algum lugar?

<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

Confira jQuery UI Tabs ; isso vai fazer o que você está procurando. Não é possível fazer isso usando CSS puro.

Answer 2

Apenas do topo da minha cabeça, confira o que alguns dos kits de ferramentas JavaScript para oferecer. Coisas como jQuery com alguns plugins ou Dojo pode ter algo parecido em sua biblioteca Dijit.