Мой сломанный jQuery слайд вниз меню с помощью hover()

Question

У меня есть html-ссылка, которая использует hover() (ну, плагин hoverIntent ... но с той же разницей), чтобы вызвать div для slidingown (я анимирую верхний атрибут CSS).

Все это работает и прекрасно выглядит, за исключением того, что когда мышь перемещается из гиперссылки и в div, которая содержит ссылки меню, она немедленно вызывает событие mouseleave, и меню исчезает.

Очевидно, я чувствовал себя глупым после того, как его бесконечно настраивал, прежде чем замечать эту «ошибку».

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

Вот ссылка на мою работу: http://clifgriffin.com/blockade

Как бы вы, о экспертов, сделать то, что я пытаюсь сделать?

Я попытался отделить функции ввода мыши и мыши от останова ... добавление первого к ссылке, а второе - к div, но это не работает совершенно правильно, и даже если бы я решил эту причуду, Если вы наведете ссылку, а затем переместитесь вверх, то мышь выйдет правильно.

В принципе, до тех пор, пока перемещение мыши по ссылке в меню не вызывает mouseleave, все будет в порядке.

Я действительно не хочу устанавливать логическое для каждого меню и настраивать кучу событий на каждом элементе, окружающем меню, для запуска определенных действий. Это должно быть проще.

Любые идеи?

Спасибо заранее, Клиф

Answer 1

попробовать это:

var accoIn = function(){ 
topSlideIn($("#top_menu_slideout .aco")); 
$("#top_menu_links .accommodations").unbind("mouseover");  
}; 

$("#top_menu_links .accommodations").hoverIntent(accoIn,function(){}); 

$("#top_menu_slideout .aco").hoverIntent(function(){},function(){ 
topSlideOut($("#top_menu_slideout .aco"));  
$("#top_menu_links .accommodations").hoverIntent(accoIn,function(){}); 
});