vista de la ficha en el CSS con mesas

Question

Necesito una vista de la ficha en el CSS con cada ficha que muestra una tabla dinámica. La tabla completa se construye dinámicamente en bucle y sólo después de que debería las lengüetas debe ocultar y mostrar cada uno de la tabla correspondiente a cada ficha. ¿Alguna sugerencia? El contenido de la ficha está dentro elemento de la lista y sólo en bucle. El desarrollo está en Django / Python en appspot.

El siguiente código no funciona para jQuery también, ¿hay un problema en alguna parte?

<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 UI aquí ; esto va a hacer lo que estás buscando. No es posible hacer esto con CSS puro.

Answer 2

Sólo de la parte superior de la cabeza, echa un vistazo a lo que algunos de los kits de herramientas de Javascript tiene que ofrecer. Cosas como jQuery con algunos plugins o Dojo podrían tener algo así en su biblioteca Dijit.