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:

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

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

Více CSS tříd:

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

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

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

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

Příklad

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

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

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

HTML kód bude vypadat takto:

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

Příklad

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

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

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

HTML kód bude vypadat takto:

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

Viz také