jQuery-де toggleClass әдісімен класты қатаң жою және қосу

Сондай-ақ 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);
});

Көріп отырғаныңыздай, қайта басу кезінде ешқандай өзгеріс болмайды.

Кластармен жұмыс істеуге арналған аталған үш әдіс - addClass, removeClass, toggleClass параметр ретінде бірнеше клас қабылдай алады, сонымен қатар жиынтықтағы әрбір элементке функцияны қолдануға мүмкіндік береді.

Жоғарыда келтірілген код мысалын түзетіңіз - бастапқыда сипаттамаға red класын жазыңыз, содан кейін red класы тек жойылатындай етіңіз.