title: Angularjs Control the expand and collapse of an acordion
body: <p>I am trying to understand how works the ui.bootstrap accordion in angularjs. In my case of use, I have three accordions of which only the first is allowed to open. The rest of them should not open when the user click on their header until an option is selected from the previous accordion.</p>
  
  <p>Now, I am experimenting with a controller which shows a error message when the user click on the second and third accordeon and, after that, it close them. This is my Plunker with my code:</p>
  
  <p><a href="http://plnkr.co/edit/rSg6Az?p=preview" rel="nofollow">http://plnkr.co/edit/rSg6Az?p=preview</a></p>
  
  <p>The part of the error message works fine but I can not get that the accordeon selected is closed when I click it.</p>
  
  <p>Any idea?</p>
  
  <p>Regards:</p>
  
  <p>Adrian Ferreres</p>