title: jQuery UI Accordion Expand/Collapse All
body: <p>I'm using the <a href="http://jqueryui.com/accordion/" rel="noreferrer">jQuery UI Accordion</a> (which does <strong>not allow more than one item open at a time</strong>) on a project. Using accordion is appropriate since I usually <em>do</em> only want one panel open at a time.</p>
  
  <p>However, I need to offer an "Expand All" link which switches to "Collapse All" when clicked. I don't want to custom write near-identical accordion functionality around this one requirement, so I'd like some JS that will achieve this whilst keeping the Accordion component in use.</p>
  
  <p><strong>Question:</strong> What JavaScript/jQuery is required to achieve this whilst still using the jQuery UI "Accordion" component to power the standard functionality?</p>
  
  <p>Here's a fiddle: <a href="http://jsfiddle.net/alecrust/a6Cu7/" rel="noreferrer">http://jsfiddle.net/alecrust/a6Cu7/</a></p>