title: How to prevent SlideToggle function queue?
body: <p>Case:
  Jquery code manage a sliding EM tag (with slideToggle function) for its appearing on hover.</p>
  
  <p>Problem:
  The slideToggle sometimes queue the hover state.
  I referred to this article:
  <a href="http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup" rel="nofollow noreferrer">http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup</a></p>
  
  <p>I tried to insert stop() function, but this not affect slideToggle();
  But the methods it'going good for animate function.</p>
  
  <p>This is the code where i working on:</p>
  
  <p><strong>Jquery Code:</strong></p>
  
  <pre><code>$(document).ready(function() {
      $('#ProdImg a .priceTag').slideUp();    
  
      $('#ProdImg a').mouseover(function() {
          $(this).stop().find('.priceTag').slideToggle();
      });
  
      $('#ProdImg a').mouseout(function() {
          $(this).stop().find('.priceTag').slideToggle();
      });
  });
  </code></pre>
  
  <p><strong>HTML code:</strong></p>
  
  <pre><code>&lt;div id="ProdImg" style=" height:240px;"&gt;
      &lt;a title="TEXT" href="TEXT_URL" style="position:absolute; margin-left:10px;"&gt;
      &lt;em style="text-align:right; color:#666;" class="priceTag"&gt;
          &lt;div class="colorGoldGradient" style="width:100%;"&gt;
              &lt;div class="rightGoldGradient" style="width:100%;"&gt;
                  &lt;div class="leftGoldGradient" style="width:100%;"&gt;
                      &lt;div style="padding-left:5px; padding-right:10px;"&gt;Prezzo:&lt;br /&gt;
                      TEXT
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/em&gt;
      &lt;span class="offertaTag"&gt;&lt;span&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>