title: Rotate image with onclick
body: <p>I try to make a toggle button where my image (an arrow) will be rotated by 180 degrees each click:</p>
  
  <pre><code>&lt;a href='#' onclick='$(\"#divToggle\").slideToggle(\"slow\");'&gt;
  &lt;img src='blue_down_arrow.png' onclick='$(this).rotate(180);' /&gt;&lt;/a&gt;
  
  &lt;div id='divToggle' style='display:none;'&gt;...CONTENT...&lt;/div&gt;";
  </code></pre>
  
  <p>This code toggle my div but the image rotates only for the first click and then stays "up". I am using this : <a href="http://code.google.com/p/jqueryrotate/" rel="nofollow">http://code.google.com/p/jqueryrotate/</a></p>