jquery - 仅当用户单击标题时才在 Accordion 类下显示小部件？

Question

我有一个像这样的 accordion，它工作正常。 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>  

Answer 1

来自以下代码:

 <div id="collapseOne" class="accordion-body collapse in">

删除在 中的类。这将默认隐藏您的内容