[Jquery] onClick fade out content then load new page

JavaScript
1

I have a site which loads a couple of Jquery animations on a page load. What I cant figure out is how to play a .fadeOut animation on the content when a link is clicked and before the new page is loaded. Any suggestions?

2

Pass a callback to fadeOut() that loads the new page after the animation completes.

http://docs.jquery.com/Effects/fadeOut#speedcallback

3

I can make the animation work but I don’t know which function to use to get the new page to load.

4

see
window.location.href
and also
window.location.replace()

pick the appropriate one for your use.

5

Here’s what I have so far. Am I completely wrong?

<script type="text/javascript"> 
   //Intial Load in animations
    $(document).ready(function() { 
			$("#wrap").slideDown(1700, function() {
			$("#footer").fadeIn("slow");
			});
    }); 
	
	//load out animations
	$('a').bind('click', function() { 
      $("#wrap").slideUp(1700, function(){
	  $("#footer").fadeOut("slow");
	 	//add an extra function as callback that loads the page? 
	 
	  });
    });

</script>

I’m quite new to Jquery as you can probably see.