autoclose help?

[herghost]

Hi all, I have this:

 <script type="text/javascript">
	$(function () {
		var $alert = $('#alert');
		if($alert.length)
		{
			var alerttimer = window.setTimeout(function () {
				$alert.trigger('onload');
			}, 3000);
			$alert.animate({height: $alert.css('line-height') || '50px'}, 200)
			.load(function () {
				window.clearTimeout(alerttimer);
				$alert.animate({height: '0'}, 200);
			});
		}
	});
	</script>

 

Which pops out a message box when the user registers and returns to the index page. The message pops up as it should, however I cant get it to autoclose!

 

What am I missing?

 

Thanks

 

[michaellunsford]

Why not just put the close animation directly inside of the setTimeout?