Skip to content
luglio 30, 2009 / Davide

jQuery: il metodo toggleClass()

Che cosa fa?

Il metodo .toggleClass aggiunge una classe all’elemento selezionato, se questo già non l’ha assegnata, altrimenti la rimuove.

La sintassi

.toggleClass( class, switch)

  • class: rappresenta la classe che deve essere aggiunta, oppure tolta.
  • switch: attributo facoltativo, se TRUE aggiunge sempre la classe, nel caso di FALSE la rimuove sempre.

Esempio

Per esplorare le potenzialità di .toggleClass() riprenderemo l’esempio del post sul .toggle(), modificandolo.

toggleClass.html

toggleClass.html

toggleClass.html

Da notare come al rigo 10 si indichi che in caso di evento ‘click()’  .toggleClass() aggiungerà/rimuoverà la classe “nascondi”.

Al rigo 13 si ha lo stesso comportamente, ma ho impostato lo switch a TRUE, così che la classe verrà aggiunta la prima volta, ma poi non potrà essere più tolta.

toggleClass.css

In questo caso il file css rimarrà invariato rispetto all’articolo su .toggle().

toggleClass.css

toggleClass.css

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: