How to clear a timeout function inside a .hover() event?
<p>The code below is basically what I want to do, which I understand is incorrect code.</p>

<p>So for a dropdown menu, I want to hide it with a delay. The problem is, when I hover onto another menu-item before the hide-delay is finished, it overrides the next <code>handlerIn</code>.</p>

<p>So is there a simple way to clear the <code>setTimeout</code> queue on the next <code>hover()</code>?</p>

<p>Again, the incorrect code below is just for explaining.</p>

<pre><code>$('nav &gt; ul &gt; li').hover(function() {
    clearTimeout(menuHide);
    $(this).find('ul').show();
}, function() {
    var menuHide = setTimeout(function() {
        $(this).find('ul').hide();
    }, 150);
});
</code></pre>

<p>UPDATE: Seems like <code>clearInterval()</code> is not what I'm looking for, because I still want to let it complete, instead of abort it.</p>

<p>Is there a <code>completeInterval()</code> by any chance? :)</p>
