I am trying to have basic tabs with jquery but all the contents gets displayed at same time, any clues
<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>