title: Rotate image on toggle with jQuery
body: <p>Site in question: <a href="http://mtthwbsh.com" rel="nofollow noreferrer">http://mtthwbsh.com</a></p>
  
  <p>I'm attempting to create a collapsable nav where when toggled, the arrow points up (and down when hidden).</p>
  
  <p>I've been reading up on rotating images with jQuery, and have found this to be my best resource: <a href="https://stackoverflow.com/questions/8495713/rotate-images-onclick-with-jquery">Rotate Image(s) OnClick With jQuery?</a></p>
  
  <p>I understand what's happening here, but am having a tough time visualizing it with my markup. My jQuery for my collapsing nav is as follows:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function(){
  /* toggle nav */
  $("#menu-icon").on("click", function(){
      $(".nav").slideToggle();
      $(this).toggleClass("active");
    });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>I was wondering if anyone could help explain how I might translate that sort of functionality to my plugin?</p>