Strikt borttagning och tillägg av klass med metoden toggleClass i jQuery

I toggleClass kan man också skicka en tillståndsparameter, som true eller false, då kommer klassen antingen bara att läggas till, eller bara att tas bort.

Låt oss säga att vi har följande CSS-klasser:

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

Klassen zzz appliceras på stycket:

<p class="zzz" id="test">text</p>
<button>click</button>

Låt oss bara lägga till klassen red vid klick:

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

Som ni ser sker inga förändringar vid upprepade klick.

Alla tre nämnda metoder för att arbeta med klasser - addClass, removeClass, toggleClass kan också ta flera klasser som parameter, och tillåter applicering av en funktion på varje element i uppsättningen.

Korrigera koden i exemplet ovan - lägg först till klassen red i attributet och gör sedan så att klassen red bara tas bort.