Metod toggleClass
Metod toggleClass naizmenično dodaje/uklanja
CSS klasu: ako je nema - dodaje je, ako je ima - uklanja je.
Sintaksa
Jedna CSS klasa:
$(selektor).toggleClass(ime klase);
Samo dodati ili ukloniti CSS klasu u zavisnosti
od drugog parametra, koji prihvata vrednosti
true ili false:
$(selektor).toggleClass(ime CSS klase, stanje);
Više CSS klasa:
$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...']);
Samo dodati ili ukloniti CSS klase u zavisnosti od drugog parametra:
$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...'], stanje');
Primena funkcije na svaki element u skupu,
stanje može biti true ili false,
i ukazuje metodu - samo dodati ili samo
ukloniti CSS klasu:
$(selektor).toggleClass(function(redni broj u skupu, trenutne klase elementa, stanje), [stanje]);
Primer
Naš pasus već ima dve klase. Hajde da
dodamo još i klasu www:
<p id="test" class="eee ggg">text</p>
$('#test').toggleClass('www');
HTML kod će sada izgledati ovako:
<p id="test" class="eee ggg www">text</p>
Primer
A sada klasa www već postoji u elementu
- hajde da je uklonimo:
<p id="test" class="eee ggg www">text</p>
$('#test').toggleClass('www');
HTML kod će sada izgledati ovako:
<p id="test" class="eee ggg">text</p>
Pogledajte takođe
-
metodi
addClass,removeClass,hasClass -
JavaScript svojstvo
classList,
pomoću kojeg se može naizmenično dodavati/uklanjati klasa na čistom JavaScript-u
