title: Tab view in CSS with tables
body: <p>I need a tab view in CSS with each tab showing a dynamic table. The complete table is dynamically constructed in loop and only after that should the tabs should hide and show each of the table corresponding to each tab. Any suggestions? The content of the tab is within list item and in loop only.
  The development is in Django/Python on appspot.</p>
  
  <p>The following code does not work for jquery also, is there a problem somewhere?</p>
  
  <pre><code>&lt;pre&gt;&lt;code&gt; &lt;div id="tabs"&gt;
   &lt;ul&gt; 
  {% for poolname in poolnamelist %}
   &lt;li&gt;&lt;a href="#mypool{{ forloop.counter }}"&gt;
  &lt;span&gt;{{ poolname|escape }}&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
   {% endfor %}
   &lt;/ul&gt;
   {% for poolsequence in sequences %}
   &lt;div id="mypool{{ forloop.counter }}"&gt;
   &lt;table&gt; 
  {% for sequence in poolsequence %}
   &lt;form action="/mypool" method="post"&gt;
   &lt;tr&gt;&lt;td&gt;{{ sequence.seqdate }}&lt;/td&gt;
   &lt;td&gt;&lt;input type="submit" value="ChangeDriver"/&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;/form&gt;
   {% endfor %}
   &lt;/table&gt;
   &lt;/div&gt;
   {% endfor %}
   &lt;/div&gt;
   &lt;/code&gt;&lt;/pre&gt;
  </code></pre>