title: jQuery accordion - how to collapse other open accordion panes when another one is opened
body: <p>I have an accordion that I want to have the following functionality: when the user clicks on a link to expand, the other expanded links (if any) will collapse. I know this functionality is built in the accordion plugin, but I'm trying to avoid adding another library (jQuery UI).</p>
  
  <p>EDIT: Here is the code I have right now (here it is on jsFiddle: <a href="http://jsfiddle.net/s2Jfs/2/" rel="nofollow">http://jsfiddle.net/s2Jfs/2/</a>):</p>
  
  <pre><code>    $('.accordion-toggler').addClass('toggle-plus');
  
      $('.accordion-toggler').click(function() {
          $this = $(this);
          if($this.hasClass('toggle-plus')) {
              $this.removeClass('toggle-plus').addClass('toggle-minus');
          } else {
              $this.removeClass('toggle-minus').addClass('toggle-plus');
          }
          $this.next('.mod-content').slideToggle();
      });
  </code></pre>
  
  <p>The "mod-content" class is attached to the content that should be expanded/collapsed. Right now, if you expand one item, leave it open, then click another, you have more than one expanded areas. How can I collapse other links except for the active one?</p>