Menu Animação JQuery navegação com Wordpress Lista de Páginas

Question

Então, eu estou usando jQuery para exibir um menu pop-up no meu site atual. O html é uma saída wp_list_pages wordpress por tudo o que wordpress tipos lá fora. Para todos os tipos não-wordpress, isso significa que a produção wordpress vontade aninhados UL e li elementos de acordo com a arquitectura página em wordpress. Bottom line, eu quero o código jQuery para ser wordpress compatível, por isso, se eu mudar as páginas, o código irá lidar com isso.

Eu quero o código para ser Lite mas a seguir é um pouco janky. Alguma idéia melhor? Além disso, eu quero o menu pop-up só para aparecer após o mouse tem pairado sobre o elemento ul para 1000ms (1s), mas não o contrário. Pensamentos?

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

Então eu descobri hoverIntent em http://cherne.net/brian/resources/ jquery.hoverIntent.html. Isso resolveu o meu problema.