Question

i have this simple example here :
http://jsfiddle.net/pTyvc/1/
i don’t want the sub_menu div to slideUp if mouse is over it any help ? thanks

Answer 1

You’ll have to use mouseover because mouseenter is not fired when you move from a child element to the parent element.

Also, when you mouseover a sub menu, you’ll have to .stop() the animation to keep it from sliding up. The same applies for moving the mouse from the sub menu to the parent element.

http://jsfiddle.net/pTyvc/25/

$(".menu_item").mouseover(function(){
    $(this).addClass("selected")
        .children().stop().slideDown(500);
});

$(".menu_item").mouseout(function(e){
    $(this).removeClass("selected")
        .children(".sub_menu").slideUp(500);
});

$(".sub_menu").mouseover(function() {
    $(this).stop();
});