Metoden toggleClass
Metoden toggleClass veksler mellem tilføjelse/fjernelse
af en CSS-klasse: hvis den ikke findes - tilføjes den, hvis den findes - fjernes den.
Syntaks
En enkelt CSS-klasse:
$(selektor).toggleClass(klassenavn);
Kun tilføje eller fjerne CSS-klassen afhængigt
af den anden parameter, som accepterer værdier
true eller false:
$(selektor).toggleClass(CSS-klassenavn, tilstand);
Flere CSS-klasser:
$(selektor).toggleClass(['klasse1', 'klasse2', 'klasse3', '...']);
Kun tilføje eller fjerne CSS-klasser afhængigt af den anden parameter:
$(selektor).toggleClass(['klasse1', 'klasse2', 'klasse3', '...'], tilstand');
Anvendelse af en funktion på hvert element i sættet,
tilstand kan være true eller false,
og angiver til metoden - kun at tilføje eller kun
fjerne CSS-klassen:
$(selektor).toggleClass(function(nummer i sættet, elementets nuværende klasser, tilstand), [tilstand]);
Eksempel
Vores afsnit har allerede to klasser. Lad os
tilføje klassen www til det:
<p id="test" class="eee ggg">tekst</p>
$('#test').toggleClass('www');
HTML-koden vil se sådan ud:
<p id="test" class="eee ggg www">tekst</p>
Eksempel
Og nu findes klassen www allerede i elementet
- lad os fjerne den:
<p id="test" class="eee ggg www">tekst</p>
$('#test').toggleClass('www');
HTML-koden vil se sådan ud:
<p id="test" class="eee ggg">tekst</p>
Se også
-
metoderne
addClass,removeClass,hasClass -
JavaScript-egenskaben
classList,
som kan bruges til at veksle mellem tilføjelse/fjernelse af klasser i ren JavaScript
