Aggiunta e rimozione rigorosa di una classe con il metodo toggleClass in jQuery

In toggleClass puoi anche passare un parametro di stato, come true o false, quindi la classe verrà solo aggiunta o solo rimossa.

Supponiamo di avere le seguenti classi CSS:

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

La classe zzz viene applicata al paragrafo:

<p class="zzz" id="test">testo</p>
<button>clicca</button>

Aggiungiamo solo la classe red al click:

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

Come puoi vedere, al click successivo non avviene nessuna modifica.

Tutti e tre i metodi elencati per lavorare con le classi - addClass, removeClass, toggleClass possono anche accettare più classi come parametro, e consentono l'applicazione di una funzione a ciascun elemento nel set.

Correggi il codice dell'esempio sopra - prima aggiungi la classe red all'attributo e poi fa' in modo che la classe red venga solo rimossa.