title: Bootstrap collapse not working
body: <p>I am trying to set up a simple collapse which I have it in many place and works. In this scenario, I am building the child list through Jquery and not sure why the collapse is not working. Any help here</p>
  
  <p>This is my parent div which has the anchor tag as below</p>
  
  <pre><code>&lt;a href="#" style="margin-right: 30px;" data-toggle="collapse" data-target="#147" aria-expanded="true"&gt;PROJECT&lt;/a&gt;
  </code></pre>
  
  <p>The child is as below which is generated through jQuery. This list is not expanding as expected</p>
  
  <pre><code>&lt;ul class="collapse" id="147" style="height: 0px;"&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;
  </code></pre>