عرض تبويب في CSS مع الجداول

Question

أحتاج إلى عرض تبويب في CSS مع كل علامة تبويب تظهر جدول ديناميكي. يتم بناء الجدول الكامل بشكل حيوي في حلقة وفقط بعد ذلك، يجب أن تخفي علامات التبويب وإظهار كل من الجدول المقابل لكل علامة تبويب. أي اقتراحات؟ محتوى علامة التبويب داخل عنصر القائمة وفي حلقة فقط. التطوير في Django / Python على Appspot.

لا يعمل الكود التالي في 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

الدفع jquery ui tabs.; ؛ هذا سيفعل ما تبحث عنه. لا يمكن القيام بذلك باستخدام CSS نقي.

Answer 2

فقط من أعلى رأسي، تحقق من ما يجب أن تقدمه بعض أدوات JavaScript. قد يكون لأشياء مثل JQuery مع عدد قليل من الإضافات أو دوجو شيء من هذا القبيل في مكتبة Dijit الخاصة به.