jQuery Effetti - metodo toggle()
Esempio
Cambia lo stato di visualizzazione/nascosto del paragrafo <p>:
$(".btn1").click(function(){
$("p").hide();
});
Definizione e uso
Il metodo toggle() cambia lo stato di visibilità degli elementi selezionati.
Se l'elemento selezionato è visibile, nasconde questi elementi; se l'elemento selezionato è nascosto, li visualizza.
Sintassi
$(selettore).toggle(speed,callback,switch)
| Parametro | Descrizione |
|---|---|
| speed |
Opzionale. Specifica la velocità di transizione dell'elemento da visibile a nascosto (o viceversa). Predefinito a "0". Valori possibili:
Durante la transizione da visibile a nascosto, l'elemento cambia gradualmente altezza, larghezza, margini esterni, margini interni e trasparenza quando viene impostata la velocità. Se impostato questo parametro, non può essere utilizzato il parametro switch. |
| callback |
Opzionale. Funzione da eseguire dopo l'esecuzione della funzione toggle. Per saperne di più sui callback, visitare la sezione jQuery Callback del nostro manuale. Questo parametro non può essere impostato a meno che il parametro speed non sia impostato. |
| switch |
Opzionale. Valore booleano. Specifica se toggle nasconde o visualizza tutti gli elementi selezionati.
Se impostato questo parametro, non possono essere utilizzati i parametri speed e callback. |
Suggerimenti e note
Nota:Questo effetto si applica agli elementi nascosti tramite jQuery, o agli elementi con display:none dichiarato nel CSS (ma non agli elementi con visibility:hidden).
Più esempi
- Utilizza il parametro speed
- Utilizza il parametro speed per nascondere e visualizzare gli elementi.
- Utilizza il parametro switch
- Visualizza tutti i paragrafi nascosti utilizzando il parametro switch.
