[jQuery] Newbie HELP: Page Fade out, then load new page and fade in without jump

[jQuery] Newbie HELP: Page Fade out, then load new page and fade in without jump


Hi, excuse the ignorance i am not skilled in Javascript, and using
jquery so i cannot read it.
I have an urgent request as im working on a proposal and although i am
not going to be using jquery i would very much like to use use a
simple page fade out and then fade in the next page. I am fully aware
of the power of jquery and love the effects and one day i will stick
my head into some books but if anyone could help me out with this
small request it would be very much appriciated.
i found this script, and although it works it fades out and then fades
in but it only does the animation on the first page rather than what i
want it to do is fade out from index.html and fade into aboutus.html,
im sure you experienced jquery uses will see the problem with the code
i know why its happening but becuase i cannot read or write javacript
i dont know where to start only seaching for scripts online.
if anyone could help write or ammend the code i would be soooo happy
and grateful
Code:
$(document).ready(function(){
jQuery('a').click(function(){
jQuery('#wrapper').fadeOut();
setTimeout("nav('"+this.href+"')",1000);
return false;
});
});
function nav(href){
location.href=href;
}
$(document).ready(function(){
jQuery('a').click(function(){
jQuery('#wrapper').fadeIn();
setTimeout("nav('"+this.href+"')",1500);
return false;
});
});
function nav(href){
location.href=href;
}