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.