隐藏活动菜单项的下拉菜单

Question

我正在尝试执行类似于finance.yahoo.com的菜单，该菜单会停止它在活动菜单项中的下拉菜单。我已经应用jQuery添加addclass()添加.active类，但现在我只想停止在活动课下拉。

当我尝试这个代码，但没有工作

$('#menu > ul > li > a.active').parent('div').hide(); 

Answer 1

使用closest()，而不是作为parent()是div不是a直接父。最接近的外观，通过测试元件本身和DOM树

$('#menu > ul > li > a.active').closest('div').hide(); 

Answer 2

绑定到.mouseleave()事件不便向上遍历通过它的祖先选择匹配的第一个元素。类似于

$('.main_menu_container').mouseleave(function() { 
    $(this).children('.submenu').hide(); 
});