[JavaScript]jQuery- łączenie efektów Opcje

[Oczko21]

Witam,
Mam taki mały problem. Przerabiam sobie teraz przykłady z jQuery i natrafilem na przeszkodę. Mianowicie:

[HTML] pobierz, plaintext 
	$(function() {
		$("ul#separator span").css("opacity","0");
		// on mouse over
		$("ul#separator span").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		// on mouse out
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
	});
[HTML] pobierz, plaintext 

Działa ładnie, efekt jak zapewne domyślacie się jest to przenikanie tła.
Pomyślałem sobie że fajnie byłoby gdyby to wszystko się jeszcze wysuwało i tutaj pojawia się problem:
Przerobiłem to na takie coś:

[HTML] pobierz, plaintext 
	$(function() {
		$("ul#separator span").css("opacity","0");
		// on mouse over
		$("ul#separator span").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "slow"),
                   $("ul#separator span").animate({left: "0px"}, 1000 );
		},
		// on mouse out
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "slow"),
                    $("ul#separator span").animate({left: "-250px"}, 1000 );
		});
	});
[HTML] pobierz, plaintext 

I można powiedzieć że działa, ale dla wszystkich span'ów. Chciałbym żeby to działało tak jak z tym pierwszym efektem, dla pojedyńczego span'a.
Próbowałem robić z $(this), zagnieżdzać jeszcze jedną funkcję function(){ $(ul#separator span).animate({left: "-250px"}, 1000 ); }, ale brak porządanego efektu.
Ktoś mógłby mnie nakierować na właściwy tor rozumowania tego?

Ten post edytował Oczko21 14.03.2012, 14:48:46

[Niktoś]

Może dlatego ,że brakuje cudzysłowów w
$(ul#separator span).animate({left: "0px"}, 1000 );
może powinno być:
$("ul#separator span").animate({left: "0px"}, 1000 );

[Oczko21]

Wybacz, niedokładnie przepisałem.
Oczywiście w orginale były cudzysłowy i nic to nie zmieniło.

[kamil4u]

Kod

    $(function() {
    $("ul#separator span").css("opacity","0");
    // on mouse over
    $("ul#separator span").hover(function () {
    $(this).stop().animate({
    opacity: 1
    }, "slow"),
    $(this).animate({left: "0px"}, 1000 );
    },
    // on mouse out
    function () {
    $(this).stop().animate({
    opacity: 0
    }, "slow"),
    $(this).animate({left: "-250px"}, 1000 );
    });
    });

?