Metoda toggleClass

Metoda toggleClass střídá přidání/odebrání CSS třídy: pokud není přítomna - přidá ji, pokud je přítomna - odebere ji.

Syntaxe

Jedna CSS třída:

$(selektor).toggleClass(název třídy);

Pouze přidat nebo odebrat CSS třídu v závislosti na druhém parametru, který přijímá hodnoty true nebo false:

$(selektor).toggleClass(název CSS třídy, stav);

Více CSS tříd:

$(selektor).toggleClass(['třída1', 'třída2', 'třída3', '...']);

Pouze přidat nebo odebrat CSS třídy v závislosti na druhém parametru:

$(selektor).toggleClass(['třída1', 'třída2', 'třída3', '...'], stav');

Aplikace funkce na každý prvek v sadě, stav může být true nebo false, a určuje metodě - pouze přidat nebo pouze odebrat CSS třídu:

$(selektor).toggleClass(function(číslo v sadě, aktuální třídy prvku, stav), [stav]);

Náš odstavec již má dvě třídy. Pojďme přidat ještě třídu www:

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

HTML kód bude vypadat takto:

text

A nyní třída www je již v elementu přítomna - pojďme ji odebrat:

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

HTML kód bude vypadat takto:

text

metody addClass, removeClass, hasClass
JavaScript vlastnost classList,
pomocí které lze střídat přidání/odebrání třídy v čistém JavaScriptu