Как реализовать выполнение с задержкой и проверкой?

Question

[Андрей Еськов]

Привет всем кто читает. Подскажите как реализовать?

Есть меню при наведени оно раскрывается

jQuery(document).ready(function($){
    $('.mega-menu')
        .mouseenter(function(event){
            event.preventDefault();
            toggleNav();
        })
        .mouseleave(function (event) {
            event.preventDefault();
            toggleNav();
        });
});

И проблема в том что когда лазиеш по сайту часто цепляешь данное меню оно разворачивается, патом сворачивается вообщем выглядит отстой, а иногда когда страница ещё только грузится может вообще раскрыться и залючить.

Как сделать чтобы оно открывалось только если навёл на меню и курсор продержал секунду?

Или есть какие нибудь предложения ещё?

Answer 1

[Kovalsky]

Если обязательно нужно с помощью JS, можно например при mouseenter устанавливать таймер открытия меню, а при mouseleave - убирать. Но проще было бы для этого использовать CSS, то есть transition-delay.

Немного нацизма

Лазиешь - лазаешь
Патом - потом
Вообщем - в общем

Comments

[Андрей Еськов]

Точно спасибо, так и сделаю.