Отмена выполнения функции, если перестает выполнятся событие hover до истечения времени задержки

Всем привет.

Подключил к главному верхнему меню блога 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 ()

Вопрос: что нужно дописать к коду, чтобы в случае когда пользователь переводит курсор на другой пункт главного меню до того, как раскроется подменю (то есть до истечения задержки), функция переставала выполняться и подменю не появлялось?

1 Kомментарий

  1. Нашел решение вопроса. Помог замечательный плагин hoverIntent

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

    Супер!

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*