Metode toggleClass

Metode toggleClass pārmaiņus pievieno/noņem CSS klasi: ja tās nav - pievienos, ja ir - noņems.

Sintakse

Viena CSS klase:

javascript$(selektors).toggleClass(klases nosaukums);

Tikai pievienot vai noņemt CSS klasi atkarībā no otrā parametra, kas pieņem vērtības true vai false:

javascript$(selektors).toggleClass(CSS klases nosaukums, stāvoklis);

Vairākas CSS klases:

javascript$(selektors).toggleClass(['klase1', 'klase2', 'klase3', '...']);

Tikai pievienot vai noņemt CSS klases atkarībā no otrā parametra:

javascript$(selektors).toggleClass(['klase1', 'klase2', 'klase3', '...'], stāvoklis');

Funkcijas piemērošana katram elementam kopā, stāvoklis var būt true vai false, un norāda metodei - tikai pievienot vai tikai noņemt CSS klasi:

javascript$(selektors).toggleClass(function(numurs kopā, elementa pašreizējās klases, stāvoklis), [stāvoklis]);

Piemērs

Mūsu rindkopai jau ir divas klases. Pievienosim tai vēl klasi www:

html<p id="test" class="eee ggg">teksts</p>

javascript$('#test').toggleClass('www');

HTML kods izskatīsies šādi:

html<p id="test" class="eee ggg www">teksts</p>

Piemērs

Un tagad klase www jau atrodas elementā - noņemsim to:

html<p id="test" class="eee ggg www">teksts</p>

javascript$('#test').toggleClass('www');

HTML kods izskatīsies šādi:

html<p id="test" class="eee ggg">teksts</p>

Skatiet arī