Strikte verwijdering en toevoeging van klasse met de toggleClass methode in jQuery

Ook in toggleClass kan je een statusparameter doorgeven, zoals true of false, dan wordt de klasse alleen toegevoegd, of alleen verwijderd.

Stel dat we de volgende CSS klassen hebben:

.red {
	color: red;
}
	
.zzz {
	font-style: italic;
}

Op de paragraaf is de klasse zzz toegepast:

<p class="zzz" id="test">tekst</p>
<button>klik</button>

Laten we alleen de klasse red toevoegen bij het klikken:

$('button').click(function() {
	$('#test').toggleClass('red', true);
});

Zoals je ziet, gebeurt er bij herhaaldelijk klikken geen wijzigingen.

Alle drie de genoemde methodes voor het werken met klassen - addClass, removeClass, toggleClass kunnen ook meerdere klassen als parameter accepteren, en maken de toepassing van een functie op elk element in de set mogelijk.

Corrigeer de code van het bovenstaande voorbeeld - schrijf aanvankelijk de klasse red in het attribuut en zorg vervolgens dat de klasse red alleen wordt verwijderd.