Хитрая задержка при наведении курсора
Вот что у меня сейчас:
$("#cart-summary").mouseenter(function () {
$('.flycart').delay(500).slideDown('fast');
});
$(".flycart").mouseleave(function () {
$('.flycart').delay(500).slideUp('fast');
}).find('a.close').click(function(){
$(this).parents('.flycart').hide();
});
Что это делает:
Если навести курсор мыши на # cart-summary -> открыть флайкарт через 500 мс
если mouseout .flycart -> закрыть флайкарт через 500 мс
Что мне нужно это:
Если наведите курсор мыши на # cart-summary для ATLEAST 500ms -> открыть флайкарту
если mouseout .flycart для ATLEAST 500 мс -> закрыть флайкарту
Отредактировано для добавления: Я также использую hoverIntent, если это можно использовать здесь?
Большое спасибо!