jQuery .slideUp() effect running issue
<p>Can anybody tell me why the Effect is running so often is hovered. I mean you hover 3 times without to wait that the Effect is finished and than you can wait until the Effect has run 3 times. </p>

<pre><code>   $(function() {
            $('#dropdown_nav li').find('.sub_nav').hide();
            $('#dropdown_nav li').hover(function() {

                $(this).find('.sub_nav').slideDown(300);
            }, function() {

                $(this).find('.sub_nav').delay(2000).slideUp(300);
            });
        });
</code></pre>

<p>Here can it be tested: <a href="http://jsfiddle.net/QTGvJ/" rel="nofollow">http://jsfiddle.net/QTGvJ/</a></p>
