jQuery: how to properly use .stop() function?
On this page: http://www.arvag.net/old/smsbox.de/ when you hover over "Informationen" and "Über ins", it shows a sub menu. When you move mouse away, it hides. Normally, I have problem with jQuery queuing every single hover I make, and then it just keeps on animating all those hovers. I tried to implement stop() , but I just can't get it to work properly. This is the code I am using: <script type="text/javascript"> //<![CDATA[ $(function(){ $('#nav_menu > .center > ul > li').hover(function() { $(this).stop(true,true).children('ul').slideToggle('slow'); }).click(function(){ return false; }); });