javascript - jquery菜单，悬停并显示:none

Question

我有这个菜单http://jsbin.com/useqa4/3

我认为悬停效果正确，但我想要的是正常的:当用户的光标不在“解决方案”项或子菜单上时，我希望 div #submenuSolutions返回“display:none”。

我怎样才能实现这个目标？

Answer 1

如果你仔细阅读 jQuery api，你会发现悬停函数可以处理两个事件 http://api.jquery.com/hover/

$("document").ready(function() {
  $("#menuSolutions a").hover(function () {
      $("#menuSolutions").addClass("menuHover");
      $("#submenuSolutions").show("3000");
  },function() {
    $("#menuSolutions").removeClass("menuHover");
    $("#submenuSolutions").hide("3000")});
});​

仅当您的菜单是吸盘鱼菜单时，此功能才有效。