Строго премахване и добавяне на клас с метода toggleClass в jQuery

Също така в toggleClass може да се подаде параметър за състояние, като true или false, тогава класът ще бъде или само добавен, или само премахнат.

Нека да имаме следните CSS класове:

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

Към абзаца се прилага клас zzz:

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

Нека само да добавяме клас red при натискане:

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

Както виждате, при повторно натискане не се случва никаква промяна.

И трите споменати метода за работа с класове - addClass, removeClass, toggleClass могат също да приемат като параметър няколко класа, както и позволяват прилагането на функция към всеки елемент в набора.

Коригирайте кода на примера по-горе - първоначално допишете клас red в атрибута и направете така, че след това клас red да се премахва само.