jquery - Show widget under accordion class only when user clicks on heading? -
i have accordion
working fine. content of accordion shown default , when user clicks on heading goes away. want is, doesn't show content @ first when page loads , shown , hide when user clicks on heading. how can that?
<div class="accordion" id="accordion2"> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseone"> video tags </a> </div> <div id="collapseone" class="accordion-body collapse in"> <div class="accordion-inner"> <table class="table table-bordered"> <thead> <tr> <th>time code</th> <th>tag name</th> </tr> </thead> <tbody> {% in "xxxxxxxxxx" %} <tr> <td><input type="text" class="span2" name="time_code{{ forloop.counter }}" /></td> <td><input type="text" class="span2" name="tag_name{{ forloop.counter }}" /></td> </tr> {% endfor %} </tbody> </table> </div> </div> </div> </div>
from following code:
<div id="collapseone" class="accordion-body collapse in">
remove class in. hide content default
Comments
Post a Comment