title: Resetting a jQuery Accordion
body: <p>I have two accordions on one page. I would like it so that when one is clicked/activated the other accordion (if opened) will return to its default folded state. </p>
  
  <p>I have tried to manually recreate the functionality but it is too buggy and eventually doesn't let me expand accordions. </p>
  
  <p>My code:</p>
  
  <pre><code>$('#chicago-accordion').accordion({ autoHeight: false, collapsible: true, active:false, });
      $('#chicago-accordion h2').click(function () { 
                  $('#ny-accordion .accordion-content').slideUp(); 
                  $('#ny-accordion h2').removeClass("ui-state-active"); 
                  $('#ny-accordion .accordion-content').removeClass("ui-accordion-content-active"); 
                  $('#ny-accordion').accordion({ clearStyle:true, });
  
           });
  
  
  $('#ny-accordion').accordion({ autoHeight: false, collapsible: true, active:false, });
      $('#ny-accordion h2').click(function () { 
                  $('#chicago-accordion .accordion-content').slideUp();
                  $('#chicago-accordion .accordion-content').removeClass("ui-accordion-content-active"); 
                  $('#chicago-accordion h2').removeClass("ui-state-active"); 
                  $('#chicago-accordion').accordion({ clearStyle:true, });
           });
              });
  </code></pre>