使用表格的CSS选项卡视图

Question

我需要在CSS中做一个标签视图，每个标签都显示一个动态表格。这个完整的表格是通过循环动态生成的，只有在生成完表格后，标签才会隐藏和显示对应的表格。有没有什么建议？标签的内容是在列表项中，并且也是在循环中生成的。

我在appspot上用Django/Python开发的。下面的代码在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

随便说说，看看一些JavaScript工具包能提供什么。比如jQuery加上一些插件，或者Dojo可能在它的Dijit库里有类似的东西。

Answer 2

你可以看看 jQuery UI Tabs，这个工具可以满足你的需求。用纯CSS是无法做到这一点的。