Metoden toggleClass

Metoden toggleClass veksler mellom å legge til/fjerne CSS-klasse: hvis den ikke finnes - legger den til, hvis den finnes - fjerner den den.

Syntaks

Én CSS-klasse:

javascript$(selector).toggleClass(klassenavn);

Bare legg til eller fjern CSS-klasse avhengig av den andre parameteren, som tar verdier true eller false:

javascript$(selector).toggleClass(CSS-klassenavn, tilstand);

Flere CSS-klasser:

javascript$(selector).toggleClass(['klasse1', 'klasse2', 'klasse3', '...']);

Bare legg til eller fjern CSS-klasser avhengig av den andre parameteren:

javascript$(selector).toggleClass(['klasse1', 'klasse2', 'klasse3', '...'], tilstand');

Bruk funksjon på hvert element i settet, tilstand kan være true eller false, og indikerer til metoden - bare legg til eller bare fjern CSS-klasse:

javascript$(selector).toggleClass(function(nummer i settet, elementets nåværende klasser, tilstand), [tilstand]);

Eksempel

Vårt avsnitt har allerede to klasser. La oss legge til klassen www også:

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

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

HTML-koden vil se slik ut:

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

Eksempel

Og nå finnes klassen www allerede i elementet - la oss fjerne den:

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

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

HTML-koden vil se slik ut:

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

Se også