JQuery Меню навигации Анимация с помощью Wordpress Список страниц

Question

Так что я использую JQuery для отображения всплывающего меню на моем текущем сайте. Html - это выход Wordpp wp_list_pages для всех типов Wordpress. Для всех типов, отличных от Wordpress, это означает, что wordpress выводит вложенные ul & li элементы в соответствии с архитектурой страницы в wordpress. Итог, я хочу, чтобы код jquery был совместим с Wordpress, поэтому, если я изменю страницы, код обработает это.

Я хочу, чтобы код был lite, но следующее немного болтливо. Любые лучшие идеи? Кроме того, я хочу, чтобы всплывающее меню появлялось только после того, как мышь зависела над элементом ul за 1000 мс (1 с), но не иначе. Мысли?

jQuery(document).ready(function() { 
    jQuery.fn.pauseit = function(duration) { 
     jQuery(this).animate({ dummy: 1 }, duration); 
     return this; 
}; 
}); 


jQuery(document).ready(function() { 
    jQuery("div#access li.page_item ul").css({display: "none"}); // Opera Fix 

    jQuery("div#access li.page_item").hover(

     function(){ 
      jQuery(this).find('ul:first').pauseit(1000).css({/*visibility: "visible",display: "none"*/}).fadeIn('fast'); 
     }, 

     function(){ 
      jQuery(this).find('ul:first').css({/*visibility: "hidden",*/}).fadeOut('fast'); 

     } 
    ); 

}); 

Answer 1

Так что я обнаружил hoverIntent на http://cherne.net/brian/resources/jquery.hoverIntent.html. Это решило мою проблему.