Javascript jQuery是否向非同级DIV ID添加/删除类？

我对Javascript比较陌生，我对以下脚本有问题：

// Keep Focus On Site Menu //
function menuFocus() {
    $('#menu').addClass('hover');
}

function menuBlur() {
    $('#menu').removeClass('hover');
}

$(document).ready(function() {
    $('#submenu-mgmt').hover(menuFocus,menuBlur);
});

$(document).ready(function() {
    $('#submenu-label').hover(menuFocus,menuBlur);
});

本质上，当用户使用两个单独的DIV ID悬停在辅助菜单系统上时，我试图在非同级DIV ID上保持“悬停”效果。我将其设计为包含3个DIV id，“#Menu”是标题菜单区域。”#“子菜单管理”和“#子菜单标签”在到达时都是隐藏的，但可以通过单击显示/隐藏div的链接打开

这对于当前处于活动状态的页面来说是一个很好的例子——虽然这个问题不会影响网站，但当用户的鼠标悬停在子菜单上时，菜单区域会失去焦点，这将是一个很好的触摸

---

有问题的页面：。

将附加子菜单ID添加到添加类函数应该可以做到这一点。如果您的hover类除了隐藏/显示该类之外还有其他显示特性，那么您也可以使用.css。我会把它们都包括在这里（注意//是javascript中的注释）您还需要对删除操作执行相同的操作，并且只需准备一次文档即可

    function menuFocus() {
       $('#menu, #submenu-mgmt, #submenu-label').addClass('hover');
       // or
       //$('#submenu-mgmt, #submenu-label').css('display', 'block');
    }

    function menuBlur() {
       $('#menu, #submenu-mgmt, #submenu-label').removeClass('hover');
       // or
       //$('#submenu-mgmt, #submenu-label').css('display', 'none');
    }

    $(document).ready(function() {
       $('#submenu-mgmt').hover(menuFocus,menuBlur);
       $('#submenu-label').hover(menuFocus,menuBlur);
    });

---

此外，您根本不需要任何javascript。如果将子菜单嵌套在主菜单元素中，则主菜单项将保持“悬停”。它也将更具语义。看：这绝对是我需要的。在处理@anndr0id发布的示例后（我的设置根本不起作用）——我只是将子菜单HTML与菜单放在同一个DIV中——问题解决了，不需要代码调整或javaSCRIPT。谢谢大家！干得好，很高兴对你有用！你可能想写一个简短的解释，并回答自己的问题，以帮助未来的搜索者：）