Αυστηρή αφαίρεση και προσθήκη κλάσης με τη μέθοδο toggleClass στο jQuery

Επίσης στο toggleClass μπορείτε να περάσετε μια παράμετρο κατάστασης, όπως true ή false, τότε η κλάση είτε θα προστίθεται μόνο, είτε θα αφαιρείται μόνο.

Ας υποθέσουμε ότι έχουμε τις ακόλουθες CSS κλάσεις:

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

Στην παράγραφο εφαρμόζεται η κλάση zzz:

<p class="zzz" id="test">κείμενο</p>
<button>κλικ</button>

Ας προσθέτουμε μόνο την κλάση red κατά το πάτημα:

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

Όπως βλέπετε, upon repeated click δεν συμβαίνει καμία αλλαγή.

Και οι τρεις αναφερόμενες μέθοδοι για εργασία με κλάσεις - addClass, removeClass, toggleClass μπορούν επίσης να δεχτούν ως παράμετρο πολλαπλές κλάσεις, και επιτρέπουν την εφαρμογή μιας συνάρτησης σε κάθε στοιχείο στο σύνολο.

Διορθώστε τον κώδικα του παραδείγματος παραπάνω - αρχικά γράψτε την κλάση red στο χαρακτηριστικό και κάντε έπειτα έτσι ώστε η κλάση red να αφαιρείται μόνο.