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