title: Jquery rotation rotate img on click
body: <p>Good evening. At the moment I am using jquery rotate plugin to allow an image to rotate as soon as clicked, the image rotates 180 degrees perfectly but once the button is clicked again to go back to the original position the image will keep the 180 degrees rotation and I can't figure out a way of putting it back to a 0 degree position. Can someone help?
  Here is the code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="box_one"&gt;
          &lt;div class="box_one_second" id="box-appear"&gt;
            &lt;p&gt;some text&lt;/p&gt;
          &lt;/div&gt;
          &lt;button id="button-one"&gt;&lt;img id="arrowdown"src="#"/&gt;        &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JQUERY:</p>
  
  <pre><code>$(document).ready(function(){
          $("#button-one").click(function(){
            $(".box_one_second").toggle(200);
                  $("#arrowdown").css('rotate',180);
          });
        });
  </code></pre>
  
  <p>I can see I'm only rotating it to 180 with this, how would I be able to reverse once the user clicks the button to go to the original pos. Thanks</p>