Penghapusan dan Penambahan Kelas yang Ketat dengan Metode toggleClass di jQuery

Juga di toggleClass Anda dapat meneruskan parameter state, seperti true atau false, maka kelas akan hanya ditambahkan, atau hanya dihapus.

Misalkan kita memiliki kelas CSS berikut:

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

Kelas zzz diterapkan ke paragraf:

<p class="zzz" id="test">teks</p>
<button>klik</button>

Mari kita hanya menambahkan kelas red saat ditekan:

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

Seperti yang Anda lihat, tidak terjadi perubahan apa pun saat ditekan kembali.

Ketiga metode yang disebutkan untuk bekerja dengan kelas - addClass, removeClass, toggleClass juga dapat menerima beberapa kelas sebagai parameter, dan memungkinkan penerapan fungsi ke setiap elemen dalam kumpulan.

Perbaiki kode contoh di atas - awalnya tambahkan kelas red ke dalam atribut dan buat sehingga kelas red hanya dihapus.