title: jQuery - fadeIn(), fadeOut(), animate(), stop() and blinking
body: <p>When "hover" triggers this code:</p>
  
  <pre><code>jQuery('#test').animate({opacity: 1},300);
  </code></pre>
  
  <p>And user hovers and unhovers very quickly the "#test" item blinks for a long time (of course opacity is being animated to 1 on hover and to 0 on unhover).</p>
  
  <p>Adding stop() always worked for me:</p>
  
  <pre><code>jQuery('#test').stop().animate({opacity: 1},300);
  </code></pre>
  
  <p>The point is I have to use fadeIn() and fadeOut() and I'm not sure how to avoid blinking in this case?</p>
  
  <p>Live example: <a href="http://jsfiddle.net/caHq5/" rel="nofollow">http://jsfiddle.net/caHq5/</a> (move your pointer very fast from the dark square to the background, then to the square, then to the background and so forth). stops() do nothing.</p>