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

Question

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

我尝试使用此代码但不起作用

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

Answer 1

使用closest()代替parent()，因为div不是a的直接父代。 nearest将通过测试元素本身并遍历DOM树中的祖先来查看与选择器匹配的第一个元素

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

Answer 2

绑定到.mouseleave()事件smth。类似于

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