jquery - ユーザーが見出しをクリックしたときにのみ、アコーディオン クラスの下にウィジェットを表示しますか?

Question

私はaccordionうまく機能しているこのようなものを持っています。アコーディオンのコンテンツはデフォルトで表示され、ユーザーが見出しをクリックすると消えます。私がやりたいことは、ページが読み込まれたときに最初はコンテンツを表示せず、ユーザーが見出しをクリックしたときにのみ表示および非表示にすることです。どうやってやるの？

 <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>  
        {% for i 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>