title: jQuery: Toggle rotate div on click function
body: <p>I'm trying to work out if it's possible to toggle the rotation of a div on a click function, e.g. Clicking on a menu button rotates the arrow from pointing downwards to upwards and clicking again will reverse this (upwards to downwards).<br><br>
  I have a jsfiddle demo setup which will make more sense of it: <a href="http://jsfiddle.net/bf7Ke/1/" rel="nofollow">http://jsfiddle.net/bf7Ke/1/</a>
  <br>jQuery —</p>
  
  <pre><code>$(document).ready(function(){
          $('.menu-category-title').click(function(){
                $('#menu-'+$(this).attr('hook')).fadeToggle('slow');
                $(this).children('.menu-title-arrow').rotate({animateTo:180});
  
          return false;
      });
  });
  </code></pre>
  
  <p>Thus far clicking on <code>.menu-category-title</code> fades in the relevant content below and rotates the corresponding arrow by 180 degrees. Clicking <code>.menu-category-title</code> again fades out the relevant content but the arrow stays at 180 degrees. Is there anyway to toggle this function also?<br>I can't figure it out, any suggestions would be greatly appreciated!</p>