title: Use jQuery to toggle CSS rotation
body: <p>I'm already using a plugin to handle the CSS3 attribute. It works when clicking it, and rotates 45 deg, but when it is clicked again to hide the content it isn't rotated back. ANy thoughts on how to get this working?</p>
  
  <pre><code>$("#faq dt").click(function() {
      $(this).next('dd').slideToggle('fast');
  if ($(this).next('dd').is(':visible')) {
   $(this).children('span').transition({ rotate: '45deg' });
   }
  else {
   $(this).children('span').transition({ rotate: '-45deg' });
   }
  });
  </code></pre>
  
  <p>You can view the live site here: <a href="http://www.revival.tv/lastdays/" rel="nofollow">http://www.revival.tv/lastdays/</a></p>
  
  <p>WORKING SNIPPET:</p>
  
  <pre><code>$("#faq dt").click(function() {
  $(this).next('dd').slideToggle('fast', function() {
      if ($(this).is(':visible')) {
           $(this).prev('dt').children('span').transition({ rotate: '45deg' });
      } else {
           $(this).prev('dt').children('span').transition({ rotate: '0deg' });
      }
   });
  });
  </code></pre>