Metoda toggleClass

Metoda toggleClass przełącza dodawanie/usuwanie klasy CSS: jeśli jej nie ma - doda, jeśli jest - usunie.

Składnia

Jedna klasa CSS:

javascript$(selektor).toggleClass(nazwa klasy);

Dodać lub usunąć klasę CSS tylko w zależności od drugiego parametru, który przyjmuje wartości true lub false:

javascript$(selektor).toggleClass(nazwa klasy CSS, stan);

Kilka klas CSS:

javascript$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...']);

Dodać lub usunąć klasy CSS tylko w zależności od drugiego parametru:

javascript$(selektor).toggleClass(['klasa1', 'klasa2', 'klasa3', '...'], stan');

Zastosowanie funkcji do każdego elementu w zestawie, stan może być true lub false, i wskazuje metodzie - tylko dodać lub tylko usunąć klasę CSS:

javascript$(selektor).toggleClass(function(numer w zestawie, aktualne klasy elementu, stan), [stan]);

Przykład

Nasz akapit ma już dwie klasy. Dodajmy mu jeszcze klasę www:

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

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

Kod HTML będzie wyglądać tak:

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

Przykład

A teraz klasa www już jest w elemencie - usuńmy ją:

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

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

Kod HTML będzie wyglądać tak:

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

Zobacz też