title: How to use toggle to shorten my code?
body: <p><strong>html is:</strong></p>
  
  <pre><code>&lt;div class="top-buffer myclass glyphicon glyphicon-grain"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery is :</strong> </p>
  
  <pre><code>$(".myclass").on("mouseover", function(){
      $(this).removeClass("glyphicon-grain").addClass("glyphicon-qrcode");
  });
  $(".myclass").on("mouseout", function(){
      $(this).removeClass("glyphicon-qrcode").addClass("glyphicon-grain");
  });
  </code></pre>
  
  <p>The above works fine. How can <strong>I use toggle and make the code shorter?</strong></p>
  
  <p>Thanks.</p>