Ścisłe usuwanie i dodawanie klasy metodą toggleClass w jQuery
Również w toggleClass można przekazać
parametr stanu, jak true lub false,
wtedy klasa będzie albo tylko dodawana, albo
tylko usuwana.
Załóżmy, że mamy następujące klasy CSS:
.red {
color: red;
}
.zzz {
font-style: italic;
}
Do akapitu zastosowano klasę zzz:
<p class="zzz" id="test">text</p>
<button>click</button>
Sprawmy, aby klasa red była tylko dodawana
po naciśnięciu:
$('button').click(function() {
$('#test').toggleClass('red', true);
});
Jak widać, przy ponownym naciśnięciu nie zachodzą żadne zmiany.
Wszystkie trzy wymienione metody do pracy
z klasami - addClass,
removeClass,
toggleClass
mogą również przyjmować jako parametr wiele klas,
a także pozwalają na zastosowanie funkcji do każdego elementu w zestawie.
Popraw kod przykładu podanego powyżej - początkowo
dopisz klasę red w atrybucie i zrób
tak, aby klasa red była tylko usuwana.
