Прошу помощи со следующей задачей. Есть горизонтальное меню. Я не хочу чтобы при случайном попадании курсора в область кнопки (либо меню в целом) появлялся дочерний элемент элемент с display:none. Появление элемента реализовано через fadeIn, исчезание fadeOut.
Как сделать таймаут с jquery, чтобы fadeIn и fadeOut срабатывали только если курсор ПРОБУДЕТ заданное время в области кнопки или вне области дочернего элемента соответственно?
Вот код:
$(document).ready(function(){
$("#mmenu1").mouseenter(function(){
$("#droptab1").fadeIn(150);
$("#fon").fadeIn(10);
}).mouseleave(function(){
$("#droptab1").fadeOut(150);
$("#fon").fadeOut(10);
})
});