[jQuery]Podmiana klasy diva pod kliknięciu Opcje

[Kamils2]

Witam,
Mam takie pytanko. Zaczynam zabawe z jQuery i staram sie napisac prosty skrypt nawigacji z subnawigacja.
Mam na gorze divy z nazwami dzialow nawigacji i chce zrobic prosta rzecz.
Mam np dwa divy.

[HTML] pobierz, plaintext 
<div id="url1" class="unactive">URL1</div>
		<div id="url2" class="unactive navi-margin">URL2</div>
[HTML] pobierz, plaintext 

Probuje napisac funkcje ktora po kliknieciu w na diva o id url2 zmieni jego styl z unactive na active jednak cos mi nie wychodzi wiem ze musze uzyc do tego prostej funkcji onClick oraz prostego kodu jQuery ktory podmieni klasy ale nie chce mi to jakos wyjsc ;/
napisalem taki oto kodzik

[HTML] pobierz, plaintext 
$(document).ready(function() {
    $("#url2").click(function() {  // this is your event
        $("#url2").addClass("active");
	$("#url2").removeClass("unactive")// here your adding the new class
    );}
[HTML] pobierz, plaintext 

Czy jest ktos mi w stanie z tym pomoc , dopiero zaczynam z jQuery i nie za dobrze mi to idzie ciezko mi sie przestawic z PHP na JS

Pozdrawiam Kamil

[Damonsson]

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#url2").click(function() {  // this is your event
        $("#url2").addClass("active");
        $("#url2").removeClass("unactive")// here your adding the new class
    });
});
[JAVASCRIPT] pobierz, plaintext 

[vokiel]

Nie chciałbym się wymądrzać, ale można by tu troszeczkę zoptymalizować:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#url2").click(function() {  // this is your event
        $(this).addClass("active").removeClass("unactive");// here your adding the new class
    });
});
[JAVASCRIPT] pobierz, plaintext 

A tak poza tym, to nie wiem po co Ci 2 klasy (unactive i active). Moim zdaniem lepiej zrobić jedną - active. Jeśli element nie ma przypisanej klasy active, znaczy że domyślnie jest unactive i takie przyjmuje ostylowanie. Czyli w takiej sytuacji operujesz tylko zmianą klasy active. Klasa występuje - element jest aktywny, klasy brak - element jest nieaktywny. Wtedy też operacje na obiekcie są łatwiejsze.

[HTML] pobierz, plaintext 
<div id="url1">URL1</div>
<div id="url2" class="navi-margin">URL2</div>
[HTML] pobierz, plaintext 

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $("#url2").click(function() {  // this is your event
        $(this).toggleClass("active");// here your adding the new class
    });
});
[JAVASCRIPT] pobierz, plaintext