👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →
Всем привет.
Подключил к главному верхнему меню блога zashitnik.com следующий скрипт:
jQuery.noConflict(); jQuery('ul#topnav').ready(function(){ jQuery('ul#topnav li').hover( function() { jQuery(this).find("span").delay(300).slideDown(200); }, function() { jQuery(this).find("span").fadeOut(300); }); });
Чтобы подменю выползало не сразу, поставил задержку .delay ()
Вопрос: что нужно дописать к коду, чтобы в случае когда пользователь переводит курсор на другой пункт главного меню до того, как раскроется подменю (то есть до истечения задержки), функция переставала выполняться и подменю не появлялось?

Нашел решение вопроса. Помог замечательный плагин hoverIntent
Просто скачиваем плагин, заливаем на сервер, подключаем к шаблону и в тексте скрипта, который вставлен в шаблон, меняем .hover на .hoverIntent
Супер!