表的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是不可能做到这一点的。在