Tiukka luokan poistaminen ja lisääminen toggleClass-metodilla jQueryssä

Myös toggleClass:iin voidaan välittää tila-parametri, kuten true tai false, jolloin luokka joko vain lisätään tai vain poistetaan.

Oletetaan, että meillä on seuraavat CSS-luokat:

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

Luokkaa zzz sovelletaan kappaleeseen:

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

Lisätään vain luokka red klikkaamalla:

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

Kuten näette, toista napsautusta ei tapahdu mitään muutoksia.

Kaikki kolme mainittua menetelmää luokkien kanssa työskentelyyn - addClass, removeClass, toggleClass voivat myös hyväksyä useita luokkia parametrina, ja sallivat funktion soveltamisen jokaiseen elementtiin joukossa.

Korjaa yllä olevan esimerkin koodi - aluksi kirjoita luokka red attribuuttiin ja tee sitten niin, että luokka red vain poistetaan.