jQuery的巨型菜单鼠标悬停不工作

Question

I am trying to build a MEGA MENU using jquery and css using the following code:

$(".sub-menu").find('a.amenu').hover(function(){
        $(this).parent().find(".sub-menu-panel").show();
    }
    ,function(){
        $(this).parent().find(".sub-menu-panel").hide();
    }
);        

where the menu links has a class called "sub-menu" and the panel related to it has a class called "sub-menu-panel".

How to keep the related panel of a menu link visible if the mouse hover it ? my problem is when i move the mouse over a panel to click any sub-link on it the panel it self disapeared because the mouse out event fired when i leave the main link.

Answer 1

Firstly - providing an example of what you're trying to explain would be advantageous to getting a working response.

Secondly - you shouldn't need any javascript/jQuery to show a submenu on hover - a simple :hover mechanic in CSS should give you the effect you want.