Показать сообщение отдельно
  #1 (permalink)  
Старый 21.01.2014, 11:49
Новичок на форуме
Отправить личное сообщение для esergion Посмотреть профиль Найти все сообщения от esergion
 
Регистрация: 14.01.2014
Сообщений: 6

Задержка перед появлением второго уровня меню
Добровго времени. Имеется меню на сайте, под ним ссылки на разделы каталога (не спрашивайте зачем). Так вот вывод и скрытие подпунктов меню делается по
$('header nav > div > div').hover(
		function(e) {$(this).children('.hide').fadeIn()},
		function(e) {$(this).children('.hide').fadeOut()}
	);

Но в таком случае проходя через меню курсором на ссылки разделов каталога всплываеют подпункты и скрывают эти самые ссылки.
Решением вопроса была бы задержка перед появлением подменю со сбросом таймера при mouseleave.
Но данный код не работает:
$(document).ready(function(){
		var MenuShowTimer;
		$('header nav > div > div').hover(
			function(e) {
				MenuShowTimer=setTimeout($(this).children('.hide').fadeIn(),1000);
			},
			function(e) {
				clearTimeout(MenuShowTimer);
				$(this).children('.hide').fadeOut();
			}
		);
	});
Ответить с цитированием