Задержка css метода в выпадающем меню

29.10.2012, 21:15. **Показов** 4373. **Ответов** 1

Author24 — интернет-сервис помощи студентам

Добрый вечер.
У меня меню сделано полностью на css через display: none; и как известно при случайном наведении меню открывается и мешает. Вот нашел похожую конструкцию основанную на setTimeout, но не пойму какие стили мне указать чтобы работало правильно. Меню сайта тут http://pronogti.nichost.ru/

Javascript

jQuery(document).ready(function(){
 
var intervalID;
jQuery("li").hover(
  function () {
    var popup = jQuery(this).find("div");
 
    intervalID=setTimeout(
        function() {
        popup.fadeIn();
        }, 300);
    
  },
  function () {
       jQuery("li div").fadeOut();
    clearInterval(intervalID);
  }
);
 
});

Заранее спасибо.

Добавлено через 7 минут
Самого главного не написал, собственно хочу чтобы была задержка при открытии подменю.

@suharik · 31.10.2012, 16:03

Я уже давно таким извратом не занимаюсь))
Просто в css, где у тебя hover запихни

CSS

1	transition-delay: 0.5s;

Это css3 работает не во всех браузерах.

	31.10.2012, 16:03