title: Hide all unactive panels of a JuiAccordion when one is active
body: <p>I'm a jquery nut who just fell off the tree.
  I used Yii to create a multiform-view. Each form is independant of each other and all of them can be submitted using AJAX.</p>
  
  <p>I'm using <a href="http://www.yiiframework.com/doc/api/1.1/CJuiAccordion" rel="nofollow">CJuiAccordion</a> to hold all the different forms and save screen space. But I just get the feeling that the other forms (even in collapsed panels) just get in the way. So I want to achieve that "All collapsed panels hide whenever one is active".</p>
  
  <p>I get the idea of using the <code>activate( event, ui )</code> or <code>beforeActivate( event, ui )</code> to achieve this, but I have no idea of how to iterate over the accordion panels in order to use something like <a href="http://docs.jquery.com/Effects/slideDown" rel="nofollow">slideDown</a> in order to hide the unactive panels, and their counterparts to show all the collapsed panels again in case the active panel is collapsed.</p>
  
  <p>Also, how can I register these events using Yii?</p>