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>  

Answer 1

从以下代码：

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

删除. _ 这将默认隐藏您的内容