Delaying a link untill an animation has finished!

Delaying a link untill an animation has finished!

I have lead out animation when a link on my navigation is clicked that needs to have time to finish before the link has redirected the browser to the new page!

Any ideas?

jQuery('#menu > li > ul').click(function() {
    jQuery('.stepcarousel').hide();
    jQuery(this).fadeOut(2000);
     });

The problem is the browser refreshes to the new page before .stepcarosel has had time to fadeOut making the transition jerky

Thanks in advance.