Строгое удаление и добавление класса методом 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 только удалялся.