Prísne odstránenie a pridanie triedy metódou toggleClass v jQuery

Tiež v toggleClass je možné odovzdať parameter stavu, ako true alebo false, vtedy bude trieda buď len pridaná, alebo len odstránená.

Nech máme nasledujúce CSS triedy:

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

K odseku sa aplikuje trieda zzz:

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

Budeme len pridávať triedu red pri kliknutí:

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

Ako vidíte, pri opakovanom kliknutí neprebehne žiadna zmena.

Všetky tri spomenuté metódy pre prácu s triedami - addClass, removeClass, toggleClass môžu tiež prijímať ako parameter viacero tried, a umožňujú aplikáciu funkcie na každý prvok v množine.

Задание 1

Opravte kód príkladu uvedeného vyššie - spočiatku dopíšte triedu red do atribútu a urobte potom tak, aby sa trieda red len odstraňovala.