jQuery and Adobe Muse

jQuery and Adobe Muse

Hi Everyone,
Forgive my ignorance but I've been struggling with this little issue all day and I'm not sure whether this a jQuery issue, my issue (very likely) or an Adobe Muse issue (equally could be the cause).

I'm trying to make a smooth transition between separate pages when any link on the pages are used.

This is the code I'm using (below) but as you can see from the demo (also below) I seem to get a "flash" of the page its about to load before the fadeIn.

Any ideas?

code with in Muse:


<script type="text/javascript">
$(document).ready(function() {
    $("body").css("display", "none");
 
    $("body").fadeIn(2000);
 
    $("a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(2000, redirectPage);      
    });
         
    function redirectPage() {
        window.location = linkLocation;
    }
});
</script>

Demo site:



Thanks in advance