jQueryдеги toggleClass методу менен классды катуу алуу жана кошуу

Ошондой эле toggleClass-ко абалдын параметрин, true же false катары берсе болот, анда класс же гана кошулат, же гана алынат.

Бизде төмөнкү CSS классдары бар болсун:

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

Абзацка zzz классы колдонулат:

html<p class="zzz" id="test">текст</p>
<button>чыкылдатуу</button>

Келгиле, чыкылдатуу убагында red классын гана кошойлу:

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

Көрүп тургандай, кайра чыкылдатуу убагында эч кандай өзгөрүү болбойт.

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

Задание 1

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