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:
.red {
color: red;
}
.zzz {
font-style: italic;
}
K odseku sa aplikuje trieda zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Budeme len pridávať triedu red
pri kliknutí:
$('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.
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.
