python - テーブル付きの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

jQueryUIタブを確認してください; これはあなたが探していることをします。純粋なCSSを使用してこれを行うことはできません。

Answer 2

頭のてっぺんに、Javascriptツールキットのいくつかが提供するものをチェックしてください。いくつかのプラグインを備えたjQueryやDojoのようなものは、そのDijitライブラリにそのようなものがあるかもしれません。