jquery .hover and .delay
<p>I want to prevent accidental activation of tooltips on hover by using .delay and .queue. </p>

<p>It works, except that I don't know how to stop executing the queue when you mouseout (leave the area)</p>

<pre><code>$('.has_tooltip').hover(
  function(){
    $(this).toggleClass('highlight').delay(400).queue(function(next){
      $(this).children('.tooltip').show(); next();
    });
  }, 
  function(){
    $(this).toggleClass('highlight').children('.tooltip').fadeOut(200)
  }
);
</code></pre>
