jQuery - ページ遷移でフェードイン(fadeIn)するエフェクトをつけたい



$(function(){
$('#wrapper:not(body #wrapper)').css({display:'block',opacity:'0'});
$('#wrapper:not(body #wrapper)').animate({opacity:'1'},500);
$('body #wrapper').css({display:'block',opacity:'0'});
$('body #wrapper').animate({opacity:'1'},500);
$('a').click(function(){
var pass = $(this).attr("href");
$('#wrapper').animate({opacity:'0'},5,function(){
location.href = pass;
});
return false;
});
});

HTML・・・コンテンツをwrapperで囲ってください


<html>
<head></head>
<body>
<div id="wrapper">
コンテンツ
</div>
</body>
</html>