title: Collapse panel on button click - bootstrap
body: <p>How do you make a panel collapse when pressing a normal bootstrap button? Here's my code:</p>
  
  <pre><code>&lt;div class="panel panel-primary" style="border-color: #464646;"&gt;
      &lt;div class="panel-heading" style="border-color: #BBBBBB; height: 35px; padding-top: 3px;"&gt;
          &lt;div style="float: left; margin-top: 5px;" data-toggle="collapse" href="#collapse1"&gt;Select Object&lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="collapse1" class="panel-collapse collapse"&gt;
          &lt;div class="panel-body"&gt;
              &lt;!--Object Buttons--&gt;
              &lt;button *ngFor="let object of objects" type="button" data-toggle="collapse" style="margin-right: 10px;" class="btn btn-primary" (click)="doThings();"&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>panel-body</code> will collapse when I click the <code>panel-heading</code>, but I would like to have the panel-body collapse when clicking one of the 'object' buttons.  </p>