jQuery Effetti - metodo slideToggle()
Esempio
Passa tra lo stato visibile e nascosto dell'elemento <p> utilizzando un effetto scorrevole:
$(".btn1").click(function(){
$("p").slideToggle();
});
Definizione e uso
Il metodo slideToggle() cambia lo stato di visibilità dell'elemento utilizzando un effetto scorrevole (cambiamento dell'altezza).
Se l'elemento selezionato è visibile, nasconde questi elementi; se l'elemento selezionato è nascosto, li visualizza.
Sintassi
$().slideToggle(speed,callback)
| Parametro | Descrizione |
|---|---|
| speed |
Opzionale. Specifica la velocità con cui l'elemento deve passare dall'innesto alla visibilità (o viceversa). Il valore predefinito è "normale". Valori possibili:
Quando viene impostata la velocità, durante il passaggio di stato dell'elemento, quest'ultimo cambia gradualmente la sua altezza (creando così un effetto scorrevole). |
| callback |
Opzionale. Funzione da eseguire dopo l'esecuzione della funzione toggle. Per saperne di più sulla funzione callback, visita la sezione jQuery Callback del nostro manuale. Non è possibile impostare questo parametro a meno che non sia stato impostato il parametro speed. |
Suggerimenti e commenti
Suggerimento:Se l'elemento è già nascosto, l'effetto non produce alcun cambiamento, a meno che non sia specificata la funzione callback.
Più esempi
- Usa il parametro speed
- Usa il parametro speed per commutare la visualizzazione e la nascita degli elementi scorrendo su e giù.
