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:

javascript$(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:

javascript$(selektor).toggleClass(názov CSS triedy, stav);

Viaceré CSS triedy:

javascript$(selektor).toggleClass(['trieda1', 'trieda2', 'trieda3', '...']);

Pridať alebo odstrániť CSS triedy iba v závislosti od druhého parametra:

javascript$(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:

javascript$(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:

html<p id="test" class="eee ggg">text</p>

javascript$('#test').toggleClass('www');

HTML kód bude vyzerať takto:

html<p id="test" class="eee ggg www">text</p>

Príklad

A teraz trieda www je už v elemente - odstráňme ju:

html<p id="test" class="eee ggg www">text</p>

javascript$('#test').toggleClass('www');

HTML kód bude vyzerať takto:

html<p id="test" class="eee ggg">text</p>

Pozri tiež