JQuery-de toggleClass metodi bilen syn üçin klassy aýyrmak we goşmak

Şeýle hem toggleClass-a ýagdaýyň parametri hökmünde, true ýa-da false, berlip bilner, onda klas ýa diňe goşular, ýa-da diňe aýrylar.

Bizde aşakdaky CSS klaslary bar bolsun:

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

Abzasa zzz klassy ulanýar:

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

Gelin, basylanda diňe red klassy goşaly:

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

Görşüňiz ýaly, gaýtadan basylanda hiç hili üýtgeşme bolmaýar.

Klaslar bilen işlemek üçin aýdylan üç metod hem - addClass, removeClass, toggleClass parametr hökmünde birnäçe klasy hem kabul edip bilýär, we şeýle hem toplumdaky her elemente funksiýany ulanmaga rugsat berýär.

Задание 1

Ýokarda berlen mysalyň kodyny düzediň - başda red klassy atributa ýazyň we soňra red klassyň diňe aýrylmagyny ediň.