Il metodo toggleClass() di jQuery

Loading

Il metodo toggleClass() di jQuery pernde uno o più elementi e gli aggiunge la classe che abbiamo passato come parametro se non gli è già stata assegnata, al contrario se la classe già gli è stata assegnata la rimuove.

A seguire un esempio chiarificatore:

Nb: prima dobbiamo inserire il collegamento alla libreria jQuery

Nel head aggiungiamo queste regole css:

Susseguentemente scriviamo nel body il seguente codice:

Esempio di toggle
Esempio di toggle 2

Se clicchiamo su uno dei due link la prima volta verrà aggiunta la classe tog definita nel foglio di stile (a tutti i link nella pagina) al secondo click verrà rimossa.