title: Bootstrap collapse
body: <p>I've spent a few hours trying to get this bootstrap collapse plugin to work. I'm sorry if this question has been asked a bunch before but I've scoured this place for a suitable answer. Here is my html:</p>
  
  <pre><code>&lt;html lang="en"&gt;
   &lt;head&gt;
     &lt;meta charset="utf-8"&gt;
     &lt;title&gt;:(&lt;/title&gt;
     &lt;!-- Bootstrap --&gt;
     &lt;link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"&gt;
   &lt;/head&gt;
  
   &lt;body&gt;
     &lt;h1&gt;Collapse!&lt;/h1&gt;
  
    &lt;a class="btn btn-danger" data-toggle="collapse" data-target="#demo"&gt;
       simple collapsible
    &lt;/a&gt;
  
    &lt;div id="demo" class="collapse in"&gt;
          &lt;p&gt;Hopefully this content will be collapsible!&lt;/p&gt;
          &lt;p&gt;And this too!&lt;/p&gt;
    &lt;/div&gt;
  
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
          $(".collapse").collapse()
  });
  &lt;/script&gt;
  
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is also my first use of stackoverflow to ask a question, so excuse the fact that I don't know how to properly format my question. I just added in that little snippet of jquery in the hopes that it would somehow initialize the js elements on the page. Please help!</p>