Metoda toggleClass
Metoda toggleClass izmenično doda/odstrani
CSS razred: če ga ni - ga doda, če je prisoten - ga odstrani.
Sintaksa
En CSS razred:
$(selektor).toggleClass(ime razreda);
Dodaj ali odstrani CSS razred samo glede na
drugi parameter, ki sprejme vrednosti
true ali false:
$(selektor).toggleClass(ime CSS razreda, stanje);
Več CSS razredov:
$(selektor).toggleClass(['razred1', 'razred2', 'razred3', '...']);
Dodaj ali odstrani CSS razrede samo glede na drugi parameter:
$(selektor).toggleClass(['razred1', 'razred2', 'razred3', '...'], stanje');
Uporaba funkcije za vsak element v nizu,
stanje je lahko true ali false,
in določa metodi - samo dodaj ali samo
odstrani CSS razred:
$(selektor).toggleClass(function(številka v nizu, trenutni razredi elementa, stanje), [stanje]);
Primer
Naš odstavek že ima dva razreda. Dajmo
mu še razred www:
<p id="test" class="eee ggg">besedilo</p>
$('#test').toggleClass('www');
HTML koda bo takšna:
<p id="test" class="eee ggg www">besedilo</p>
Primer
In zdaj je razred www že prisoten v elementu
- odstranimo ga:
<p id="test" class="eee ggg www">besedilo</p>
$('#test').toggleClass('www');
HTML koda bo takšna:
<p id="test" class="eee ggg">besedilo</p>
Glejte tudi
-
metode
addClass,removeClass,hasClass -
JavaScript lastnost
classList,
s katero lahko izmenično dodajate/odstranjujete razred v čistem JavaScriptu
