title: Angularjs accordion ng-click on panel-header
body: <p>In AngularJS UI Bootstrap I want to activate <strong>isopen</strong> when <strong>panel-heading</strong> is clicked, but I couldn't find a way.
  In this version is activated only if you click the link.</p>
  
  <p>Here's what I tried;</p>
  
  <pre><code>&lt;accordion-group is-open="isopen"&gt;
      &lt;accordion-heading ng-click="isopen=!isopen"&gt;
          I can have markup, too! 
          &lt;i class="pull-right glyphicon" 
             ng-class="{'glyphicon-chevron-down': isopen, 'glyphicon-chevron-right': !isopen}"&gt;&lt;/i&gt;
      &lt;/accordion-heading&gt;
      This is just some content to illustrate fancy headings.
  &lt;/accordion-group&gt;
  </code></pre>
  
  <p><strong>ng-click="isopen=!isopen</strong>"</p>
  
  <p><a href="http://plnkr.co/edit/ODaYSMnLWQ6mdNYmYnSu?p=preview">This is the link I tried on Plunker</a></p>
  
  <p><a href="http://angular-ui.github.io/bootstrap/#/getting_started">AngularJS UI Bootstrap </a></p>
  
  <p>Thanks in advance..</p>