JQuery наведите курсор мыши

Question

Я использую переменные jQuery "mouseover" и "mouseout", чтобы показать элемент DIV при наведении курсора на другой элемент.

http://74.54.17.66/~adbuynet/case-studies/ - Если вы наведите курсор на «Призыв к действию» в правом верхнем углу, вы увидите раскрывающийся список.

Проблема в том, что при наведении курсора на сам раскрывающийся список, он начинает действовать в стиле фанк и не остается открытым. Мой код jQuery:

    $("#call-to-action").mouseover(function(e) {     
    $("#call-to-action-dropdown").show("slide", { direction: "up" }, 200);  
    e.stopPropagation();
  });
  $("#call-to-action").mouseout(function(e) {     
    $("#call-to-action-dropdown").hide("slide", { direction: "up" }, 200);  
  });
}); 

Какую ошибку я допустил, пожалуйста?

Answer 1

Используйте mouseenter и mouseleave вместо mouseover и mouseout. Смотри http://api.jquery.com/mouseenter/.

(Вы почти никогда не захотите использовать mouseover / mouseout, и когда вы это сделаете, вы узнаете это.)