Metoda toggleClass

Metoda toggleClass alternon shtimin/heqjen e klasës CSS: nëse nuk ekziston - e shton, nëse ekziston - e heq.

Sintaksa

Një klasë CSS:

javascript$(selector).toggleClass(emri i klasës);

Të shtohet ose hiqet klasa CSS vetëm në varësi të parametrit të dytë, i cili pranon vlera true ose false:

javascript$(selector).toggleClass(emri i klasës CSS, gjendja);

Disa klasa CSS:

javascript$(selector).toggleClass(['klasa1', 'klasa2', 'klasa3', '...']);

Të shtohen ose hiqen klasat CSS vetëm në varësi të parametrit të dytë:

javascript$(selector).toggleClass(['klasa1', 'klasa2', 'klasa3', '...'], gjendja');

Zbatimi i një funksioni për çdo element në grup, gjendja mund të jetë true ose false, dhe i tregon metodës - vetëm të shtojë ose vetëm të heqë klasën CSS:

javascript$(selector).toggleClass(function(numri në grup, klasat aktuale të elementit, gjendja), [gjendja]);

Shembull

Paragrafi ynë tashmë ka dy klasa. Le t'i shtojmë edhe klasën www:

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

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

Kodi HTML do të duket kështu:

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

Shembull

Tani klasa www ekziston tashmë në element - le ta heqim atë:

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

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

Kodi HTML do të duket kështu:

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

Shihni gjithashtu