Metóda toggleClass
Metóda toggleClass strieda pridávanie/odstraňovanie
CSS triedy: ak nie je prítomná - pridá ju, ak je prítomná - odstráni ju.
Syntax
Jedna CSS trieda:
$(selektor).toggleClass(názov triedy);
Pridať alebo odstrániť CSS triedu iba v závislosti
od druhého parametra, ktorý prijíma hodnoty
true alebo false:
$(selektor).toggleClass(názov CSS triedy, stav);
Viaceré CSS triedy:
$(selektor).toggleClass(['trieda1', 'trieda2', 'trieda3', '...']);
Pridať alebo odstrániť CSS triedy iba v závislosti od druhého parametra:
$(selektor).toggleClass(['trieda1', 'trieda2', 'trieda3', '...'], stav');
Aplikácia funkcie na každý element v súbore,
stav môže byť true alebo false,
a určuje metóde - iba pridať alebo iba
odstrániť CSS triedu:
$(selektor).toggleClass(function(číslo v súbore, aktuálne triedy elementu, stav), [stav]);
Príklad
Náš odsek má už dve triedy. Pridajme
mu ešte triedu www:
<p id="test" class="eee ggg">text</p>
$('#test').toggleClass('www');
HTML kód bude vyzerať takto:
<p id="test" class="eee ggg www">text</p>
Príklad
A teraz trieda www je už v elemente
- odstráňme ju:
<p id="test" class="eee ggg www">text</p>
$('#test').toggleClass('www');
HTML kód bude vyzerať takto:
<p id="test" class="eee ggg">text</p>
Pozri tiež
-
metódy
addClass,removeClass,hasClass -
JavaScript vlastnosť
classList,
pomocou ktorej možno striedať pridávanie/odstraňovanie triedy na čistom JavaScripte
