jQuery下拉菜单鼠标离开问题

Question

http://jsfiddle.net/borayeris/sb9Ju/4/

Here is my script. How can I stop fading out if mouse is back on menu?

Answer 1

Try adding a call to stop() on the fadeIn:

$(function(){
    var piFade;
    $('#menu > li').hover(
      function(){
        $('#menu > li:hover > div').stop(true,true).fadeIn('slow');
      },
      function(){
        $('#menu > li > div').fadeOut('slow');
      }
    );
});

http://jsfiddle.net/sb9Ju/13/

And here is a version with the delay included. I'm not a huge fan but it's not too bad with the call to stop in there.

http://jsfiddle.net/sb9Ju/15/

Answer 2

You set too long a delay. It still runs the original hover function. You remove it, it waits 2.5 second, then you back on it and it still removes menu from the first time you've hovered. I really don't see a reason to use delay there.