title: How do I remove class from previous selection when clicking additional item?
body: <p><a href="http://jsfiddle.net/freqn/ZHt6V/2/" rel="nofollow">http://jsfiddle.net/freqn/ZHt6V/2/</a></p>
  
  <p>How do I remove class from previous selection when clicking additonal item in this accordion?  I want the class to be removed from the previous clicked item when the next item is expanded. All other items should turn back to gray when new item is selected. Thank you. </p>
  
  <pre><code>(function () {
  
      $('dd').hide();
      $('dt').click(function(){
          $(this)
              .next()
              .slideToggle(200)
              .siblings('dd')
              .slideUp(200);
          });   
  
      $('dt').click(function(){
          $(this).toggleClass('active');
  
      }); 
  
  })();
  </code></pre>