jQuery AJAX Pagination Fade Effect Not Working

[griffinjt]

Hello,

I have the following script below that will allow me to have AJAX pagination. The AJAX pagination part works fine, but the fadeOut/fadeIn functions do not work at all. I'm not sure what I am doing wrong here, so I would like some help to get this working.

<script type="text/javascript">
jQuery(document).ready(function(){	
	jQuery('.numbered_nav a').live('click', function(){
		var link = jQuery(this).attr('href');
		jQuery('#archive_wrapper').fadeOut(500).load(link+' .portfolio-archives', function(){ jQuery('#archive_wrapper').fadeIn(500); });	
	});	
});
</script>

Your help is appreciated!

Thomas

[harbingerOTV]

Try this and see if it works.

<script type="text/javascript">
jQuery(document).ready(function(){	
	jQuery('.numbered_nav a').live('click', function(){
		var link = jQuery(this).attr('href');
		jQuery('#archive_wrapper').fadeOut(500, function(){
			jQuery('#archive_wrapper').load(link+' .portfolio-archives', function(){ 
				jQuery('#archive_wrapper').fadeIn(500); 
			});
		});	
	});	
});
</script>