[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 

[gitbejbe]

co masz w "funkcje/logowanie.php" ?
zakładam ze <div id="pasek_stanu"></div> istnieje w htmlu

po pierwsze to chrome prawy myszy na ekran->zbadaj element-> Console i patrzysz czy nie ma błędów. Dopisz do funckji success "console.log(msg.responseText);" i zobacz czy w Consoli prawidłowo przekazywane sa dane z php'a. Dopisz do ajaxa "dataType: 'text'," lub json - zalezy co potrzebujesz. Takie problemy weryfikuje się w pare sekund kolego : )