And So I am using Jquery to show a appear menu on my small current site. The html is really a wordpress wordpress_list_pages output for the wordpress types available. For the non-wordpress types, which means that wordpress will output nested ul &lifier li elements in compliance with page architecture using blogging platforms. Main point here, I would like the jquery code to become wordpress compatible, therefore if I alter the pages, the code will handle this.

I would like the code to become lite but this is a little janky. Much better ideas? Plus I would like the appear menu simply to appear following the mouse has hovered within the ul element for 1000ms (1s), although not otherwise. Ideas?

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');

        }
    ); 

});

And so i discovered hoverIntent at http://cherne.net/brian/resources/jquery.hoverIntent.html. This resolved my problem.