title: Issue with Bootstrap Accordion for Partial View with dynamic added Partial Views
body: <p>I have an issue with implementing bootstrap accordion on a partial view with dynamically generated partial views within. For some reason the accordion
  will not collapse when I click the icon to collapse it - instead it doesnt collapse it just turns the background of the li tag blue. </p>
  
  <p>My partial view looks like the following:</p>
  
  <pre><code>   &lt;li class="thesection" id="accordion"&gt;
              &lt;div class="row"&gt;
                      &lt;div class="col-md-12"&gt;
                              &lt;h2&gt;&lt;span class="ui-icon ui-icon-arrowthick-2-n-s"&gt;&lt;/span&gt; Section&lt;/h2&gt;
                              &lt;div class="col-md-4"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;Section Name&lt;/span&gt;
                                      @Html.TextAreaFor(t =&gt; t.SectionName, new { @class = "form-control" })
                                      @Html.HiddenFor(t =&gt; t.IndexOrder)
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-4"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;Section Guide&lt;/span&gt;
                                      @Html.TextAreaFor(t =&gt; SectionGuide, new { @class = "form-control" })
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="col-md-4"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;button type="button" class="btn btn-danger" value="delete"&gt;Delete Section&lt;/button&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              @Html.Partial("AreaSectionItemsPartial", Model.TemplateCompanySectionItems)
  
                      &lt;/div&gt;
           &lt;/div&gt;
      &lt;/li&gt;
  </code></pre>
  
  <p>The onpageload function on the parent View looks like the following:</p>
  
  <pre><code>$(document).ready(function () {
          $('#accordion').accordion({
              collapsible:true
          })
  }); 
  </code></pre>
  
  <p>Any ideas why my accordion is unresponsive? Am I going to need to modify my Views layout? Any help would be great.</p>
  
  <p>Thanks in advance</p>