Szigorú osztály eltávolítása és hozzáadása a toggleClass metódussal jQuery-ben

A toggleClass metódusnak átadhatunk egy állapotparamétert is, mint true vagy false, ekkor az osztály vagy csak hozzáadódik, vagy csak eltávolításra kerül.

Tegyük fel, hogy a következő CSS osztályaink vannak:

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

A bekezdésre a zzz osztály vonatkozik:

<p class="zzz" id="test">szöveg</p>
<button>kattintás</button>

Most csak a red osztályt adjuk hozzá kattintáskor:

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

Amint látható, az ismételt kattintáskor nem történik semmilyen változás.

A felsorolt három metódus az osztályok kezelésére - a addClass, a removeClass, és a toggleClass - több osztályt is fogadhat paraméterként, valamint lehetővé teszik egy függvény alkalmazását minden elemre a halmazban.

Javítsa ki a fenti példa kódját - először írja be a red osztályt az attribútumba, majd tegye úgy, hogy a red osztály csak eltávolításra kerüljön.