A toggleClass metódus
A toggleClass metódus váltogatja a CSS osztály hozzáadását/eltávolítását:
ha nincs meg - hozzáadja, ha megvan - eltávolítja.
Szintaxis
Egy CSS osztály:
$(selector).toggleClass(osztály név);
Csak hozzáadni vagy eltávolítani egy CSS osztályt a második paramétertől függően,
ami true vagy false értékeket vesz fel:
$(selector).toggleClass(CSS osztály név, állapot);
Több CSS osztály:
$(selector).toggleClass(['osztály1', 'osztály2', 'osztály3', '...']);
Csak hozzáadni vagy eltávolítani CSS osztályokat a második paramétertől függően:
$(selector).toggleClass(['osztály1', 'osztály2', 'osztály3', '...'], állapot');
Függvény alkalmazása minden elemre a halmazban,
az állapot lehet true vagy false,
és megadja a metódusnak - csak hozzáadni vagy csak
eltávolítani a CSS osztályt:
$(selector).toggleClass(function(sorszám a halmazban, az elem aktuális osztályai, állapot), [állapot]);
Példa
A bekezdésünknek már van két osztálya. Adjunk hozzá
még egy www osztályt:
<p id="test" class="eee ggg">szöveg</p>
$('#test').toggleClass('www');
A HTML kód így fog kinézni:
<p id="test" class="eee ggg www">szöveg</p>
Példa
És most a www osztály már megvan az elemben
- távolítsuk el:
<p id="test" class="eee ggg www">szöveg</p>
$('#test').toggleClass('www');
A HTML kód így fog kinézni:
<p id="test" class="eee ggg">szöveg</p>
Lásd még
-
metódusok
addClass,removeClass,hasClass -
JavaScript tulajdonság
classList,
amely segítségével váltogathatod egy osztály hozzáadását/eltávolítását tiszta JavaScripten
