title: Angular bootstrap change button colors on click
body: <p>I have the following </p>
  
  <pre><code>&lt;button type="button" class="btn btn-default" ng-click="showMoreFunc('academic')" &gt;Academic&lt;/button&gt;
  &lt;button type="button" class="btn btn-default" ng-click="showMoreFunc('appliedsciences')" &gt;Applied Sciences&lt;/button&gt;
  </code></pre>
  
  <p>When we click on the <strong>+</strong> sign, it gives me a panel with 2 buttons. These buttons are set to <strong>default</strong>. But i want to have a function that sets the button to <strong>primary</strong> whenever <code>clicked</code>(active), and go back to default when it is <code>unclicked</code> or another button is clicked.  </p>
  
  <p>How do i achieve this functionality?</p>