Streng fjernelse og tilføjelse af klasse med toggleClass-metoden i jQuery

Også i toggleClass kan du sende en tilstandsparameter, såsom true eller false, så vil klassen enten kun blive tilføjet, eller kun fjernet.

Lad os sige, at vi har følgende CSS-klasser:

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

Klassen zzz anvendes på afsnittet:

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

Lad os kun tilføje klassen red ved klik:

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

Som du kan se, sker der ingen ændringer ved gentaget klik.

Alle tre nævnte metoder til arbejde med klasser - addClass, removeClass, toggleClass kan også tage flere klasser som parameter, og tillader også anvendelse af en funktion på hvert element i sættet.

Ret koden i eksemplet ovenfor - tilføj først klassen red til attributen, og gør derefter sådan, at klassen red kun fjernes.