title: bootstrap initially collapsed element
body: <p>I am using the <a href="http://twitter.github.com/bootstrap">bootstrap</a> template and I would like to change the way the <a href="http://twitter.github.io/bootstrap/javascript.html#collapse">accordion</a> works by default.</p>
  
  <p>How can I get the toggle to be closed when page is first seen (upon load)? </p>
  
  <pre><code>&lt;div class="accordion-heading"&gt;
      &lt;a class="accordion-toggle"
         data-toggle="collapse"
         data-parent="#accordion2"
         href="#collapseOne"&gt;Open!&lt;/a&gt;
  &lt;/div&gt;
  &lt;div id="collapseOne" class="accordion-body collapse in"&gt;
      &lt;div class="span6"&gt;
          &lt;div class="well well-small"&gt;
              &lt;div class="accordion-toggle"&gt;
                  ...some text...
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="span2"&gt;&lt;/div&gt;                            
  &lt;/div&gt;
  </code></pre>