Witam,
Męczę się i męczę i nic mi to nie daje... Pomyślałem, że może ktoś zauważy coś czego ja nie zauważyłem lub sam miał kiedyś podobny problem :)
Mianowicie zajmuje się aktualnie pewnym menu. Standardowo kilka pozycji, po nakierowaniu zwiększa się padding-right, a po kliknięciu dzieje się mała animacja, zmienia się kolor i inne mniej istotne rzeczy.
Problem polega na tym, że mimo iż nakierowanie działa, kliknięcie również, to zmiana klasy wypada już trochę gorzej. Chciałbym ją zmienić głównie z jednego powodu, aby później po najechaniu nie było już animacji zwiększenia paading-right, a mimo wszystko to następuje. Próbowałem już zmieniać klasę na różne sposoby i ciągle mi nie wychodzi.

Wedle zaprezentowanego niżej kodu po kliknięciu powinna zostać usunięta stara klasa a dodana nowa, i to w miarę następuje, tzn zmienia się kolor tekstu, więc coś działać musi, ale funkcja odpowiedzialna za nakierowanie nadal działa na tej pozycji w menu. Nie mam pomysłu co robię źle.

[HTML] pobierz, plaintext 
<div id="s2_nawigacja"><ul>
		<li><a class="s2_nawigacja_pozycja_aktualna" href="#">Menu nr 1</a></li>
		<img src="img/s2_nawigacja.jpg" alt="" />
		<li><a class="s2_nawigacja_pozycja" href="#">Menu nr 2</a></li>
		<img src="img/s2_nawigacja.jpg" alt="" />
		<li><a class="s2_nawigacja_pozycja" href="#">Menu nr 3</a></li>
		<img src="img/s2_nawigacja.jpg" alt="" />
		<li><a class="s2_nawigacja_pozycja" href="#">Menu nr 4</a></li>
		<img src="img/s2_nawigacja.jpg" alt="" />
		<li><a class="s2_nawigacja_pozycja" href="#">Menu nr 5</a></li>
		<img src="img/s2_nawigacja.jpg" alt="" />
		<li><a class="s2_nawigacja_pozycja" href="#">Menu nr 6</a></li>
	</ul></div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(".s2_nawigacja_pozycja").hover(function(){
	$(this).stop(true, true).animate({'padding-right': '49px'}, 250 );
},function(){
	$(this).stop(true, true).animate({'padding-right': '8px'}, 250 );
});
 
$(".s2_nawigacja_pozycja").click(function(){
	$(this).animate({'padding-top': '17px', 'height': '30px', backgroundColor:"#0e2044"}, 250 );
	$(this).removeClass('s2_nawigacja_pozycja').addClass('s2_nawigacja_pozycja_aktualna');
});
</script>
[HTML] pobierz, plaintext 

Z góry dziękuję za odpowiedź :)

Sprawdzałeś czy na pewno nie zmienia?

[JAVASCRIPT] pobierz, plaintext 
$(".s2_nawigacja_pozycja").click(function(){
	$(this).animate({'padding-top': '17px', 'height': '30px', backgroundColor:"#0e2044"}, 250 );
	$(this).removeClass('s2_nawigacja_pozycja').addClass('s2_nawigacja_pozycja_aktualna');
        alert(this.className);
});
[JAVASCRIPT] pobierz, plaintext 

Zmieniać zmienia, alert to potwierdza (pisałem, że kolor się zmienia, więc klasa musi zostać zmieniona) :)
Problem w tym, że mimo tej zmiany funkcja: $(".s2_nawigacja_pozycja").hover nadal działa na tej nowej klasie, nie rozumiem dlaczego x.x
Dodatkowo dodam, że Menu nr 1 nie jest podatne na tą funkcje (od początku class="s2_nawigacja_pozycja_aktualna").

Dziękuje za zainteresowanie się tematem, jeżeli ktoś znał by odpowiedź, a było by to za dużo roboty, to prosiłbym, aby mi to napisać, po prostu spróbuję rozwiązać to w jakiś inny sposób :)

PS. Tutaj jest demo przedstawiające problem:

O to chodziło?

[PHP] pobierz, plaintext 
$(function(){
 
$(".s2_nawigacja_pozycja").hover(function(){
    $(this).stop(true, true).animate({'padding-right': '49px'}, 250 );
},function(){
    $(this).stop(true, true).animate({'padding-right': '8px'}, 250 );
});
 
$(".s2_nawigacja_pozycja").click(function(){
    $(this).animate({'padding-top': '17px', 'height': '30px', backgroundColor:"#0e2044"}, 250 );
    $('#s2_nawigacja a').removeClass('s2_nawigacja_pozycja_aktualna');
    $(this).addClass('s2_nawigacja_pozycja_aktualna');
});
 
});
[PHP] pobierz, plaintext 

.live()

[JAVASCRIPT] pobierz, plaintext 
$(function(){
 
    $(".s2_nawigacja_pozycja").live("mouseover", function(){
        $(this).stop(true, true).animate({'padding-right': '49px'}, 250 );
    }).live("mouseout", function(){
        $(this).stop(true, true).animate({'padding-right': '8px'}, 250 );
    });
 
    $(".s2_nawigacja_pozycja").click(function(){
        $(this).animate({'padding-top': '17px', 'height': '30px', backgroundColor:"#0e2044"}, 250 );
        $(this).removeClass('s2_nawigacja_pozycja').addClass('s2_nawigacja_pozycja_aktualna');
    });
 
});
[JAVASCRIPT] pobierz, plaintext 

I o to chodziło :D
Działa, dzięki wielkie :))