[AJAX][HTML][JQUERY]Znikanie i pojawianie się. Opcje

[Oklejek]

Witam, potrzebuję sktypt jquery, który po uruchomieniu płynnie ukryje danego diva na stronie, po czym wykona zapytanie ajax, przeładuję go i kiedy się załaduje ten div płynnie się rozsunie.
1. Płynne ukrycie diva
1.1. Zapytanie Ajax
1.2. Przeładowanie diva
2. Kiedy wszystko się wczyta płynne rozsunięcie diva.

Próbowałem coś zrobić, ale to nie działa

[HTML] pobierz, plaintext 
<script>
function zaloguj() {
    $("div#pasek_stanu").animate({height:0,opacity: 0}, 2000);
	$.ajax({
	type     : "POST",
	url      : "funkcje/logowanie.php",
		data     : {
				login : document.forms['pasek_stanu'].elements['login'].value,
				password : document.forms['pasek_stanu'].elements['password'].value 
		},
	success : function(msg) {
		$("div#pasek_stanu").load("pasek_stanu.php").animate({height:30,opacity: 1}, 2000);
	},
	error:    function(error) {
		//ten fragment wykona się w przypadku BŁĘDU
	}
	});
}
</script>
[HTML] pobierz, plaintext 

[tyrko]

Kod jak najbardziej wygląda w porządku. Napisz dokładnie czy coś się dzieje, wyrzuca jakieś błędy?