Přísné odstranění a přidání třídy metodou toggleClass v jQuery
Také v toggleClass lze předat
parametr stavu, jako true nebo false,
poté bude třída buď pouze přidána, nebo
pouze odstraněna.
Nechť máme následující CSS třídy:
.red {
color: red;
}
.zzz {
font-style: italic;
}
K odstavci je aplikována třída zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Pojďme pouze přidávat třídu red
při kliknutí:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Jak vidíte, při opakovaném kliknutí nedochází k žádným změnám.
Všechny tři zmíněné metody pro práci
s třídami - addClass,
removeClass,
toggleClass
mohou také přijímat jako parametr více tříd,
a umožňují aplikaci funkce na každý prvek v sadě.
Opravte kód příkladu uvedeného výše - nejprve
doplňte třídu red do atributu a poté
udělejte tak, aby se třída red pouze odstraňovala.
