Javascript jquery菜单、悬停和显示：无

我有这个菜单

我认为悬停是正确的，但我想要的是正常的：当用户的光标不在“解决方案”项或子菜单上时，我希望div

#子菜单解决方案返回“display:none”

我怎样才能做到这一点


刚刚添加了以下代码，以便在鼠标离开时将其隐藏：

  $("#submenuSolutions").mouseleave(function(){
    $(this).hide();
  });

由于
子菜单
是面板的id，因此可以使用
mouseleave
事件，当鼠标离开指定的元素区域时触发该事件。
如果您更仔细地阅读jQuery api，您将看到hover函数可以处理两个事件

只有当你的菜单是一个傻瓜鱼菜单时，这才有效。
我真的很喜欢你那里的样式！当鼠标离开菜单项时，会将其隐藏回去。嗯，是的，你是对的。只有当#子菜单解决方案是#菜单解决方案中的ul时，它才起作用li@Sotiris如果你不使用吸盘鱼，那么使用沙夫拉兹溶液
$("document").ready(function() {
  $("#menuSolutions a").hover(function () {
      $("#menuSolutions").addClass("menuHover");
      $("#submenuSolutions").show("3000");
  },function() {
    $("#menuSolutions").removeClass("menuHover");
    $("#submenuSolutions").hide("3000")});
});​