Wordpressページリストを使用したJQueryナビゲーションメニューアニメーション

Question

だから、現在のサイトでJqueryを使用してポップアップメニューを表示しています。 htmlは、すべてのワードプレスタイプのワードプレスwp_list_pages出力です。すべての非ワードプレスタイプについて、これはワードプレスがネストされたul＆amp;を出力することを意味します。 wordpressのページアーキテクチャに準拠したli要素。要するに、jqueryコードはワードプレスと互換性があるようにしたいので、ページを変更すると、コードがこれを処理します。

コードをライトにしたいのですが、以下は少しジャンキーです。より良いアイデアはありますか？さらに、マウスが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

http://cherne.net/brian/resources/でhoverIntentを発見しましたjquery.hoverIntent.html 。これで問題が解決しました。