title: Jquery accordion not collapse by default
body: <p>I am using collapse plugin provided by bootstrap
  which is a jquery simple plugin</p>
  
  <p>However it collapse by default, how to modify so that the collapse item is hidden by default, only when i press the header, then the item collapse and show? Thank you</p>
  
  <p><a href="http://twitter.github.com/bootstrap/javascript.html#collapse" rel="noreferrer">The document of the plugin, just few line so it only takes one minute</a></p>
  
  <pre><code>$(document).ready( function () {
  $(".collapse").collapse()({
    toggle: false,
    show: false
    });
  } );
  </code></pre>
  
  <p>This is the html: </p>
  
  <pre><code>&lt;div class="accordion-group"&gt;
              &lt;div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;"&gt;                     
                Collapsible #1
                    &lt;/div&gt;   
            &lt;div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;"&gt;
                 content1
             &lt;/div&gt;
                             &lt;div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;"&gt;                     
                Collapsible #2
                    &lt;/div&gt;   
            &lt;div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;"&gt;
                 content2
             &lt;/div&gt;
  </code></pre>
  
  <p></p>