Strogo uklanjanje i dodavanje klase metodom toggleClass u jQuery
Takođe u toggleClass možemo proslediti
parametar stanja, kao true ili false,
tada će klasa biti ili samo dodata, ili
samo uklonjena.
Neka imamo sledeće CSS klase:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Paragrafu je primenjena klasa zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Hajde da samo dodajemo klasu red
pri kliku:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Kao što vidite, pri ponovnom kliku ne dolazi do nikakvih promena.
Sve tri navedene metode za rad
sa klasama - addClass,
removeClass,
toggleClass
mogu takođe prihvatiti kao parametar više klasa,
i omogućavaju primenu funkcije na svaki element u setu.
Ispravite kod primera datog iznad - prvobitno
dopišite klasu red u atribut i zatim napravite
tako da se klasa red samo uklanja.