JQuery меню, наведение и отображение: нет

Question

У меня есть это меню http://jsbin.com/useqa4/3

Наведение, я думаю, работает правильно, но то, что я хочу, это нормально: когда курсор пользователя не находится на элементе «Решение» или в подменю, тогда я хочу, чтобы div #submenuSolutions возвращался в «дисплее»: нет ».

Как мне этого добиться?

Answer 1

Если вы внимательно прочитаете API jQuery, вы увидите, что функция наведения может обрабатывать два события 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.

Answer 2

См. Демонстрацию

---

Только что добавил этот код, чтобы скрыть его, когда мышь его покидает:

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

Поскольку submenuSolutions является идентификатором вашей панели, вы можете использовать событие mouseleave, которое срабатывает, когда мышь покидает указанную область элемента.