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

Question

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

我认为悬停是正确的，但我想要的是正常的:当用户的光标不在“解决方案”元素或子菜单上时，我希望 div #submenuSolutions 到返回“显示:无”。

我怎样才能做到这一点？

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")});
});​

这仅在您的菜单是 suckerfish 菜单时才有效。