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 

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 : )

Co to znaczy nie działa? Błędy w konsoli? Kod wygląda dobrze.

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