Gli ultimi tutorial di sviluppo web
 

jQuery slideToggle() Method

<Metodi jQuery Effect

Esempio

Passare da slideUp() e slideDown() per tutti <p> elementi:

$("button").click(function(){
    $("p").slideToggle();
});
Prova tu stesso "

Definizione e utilizzo

Il slideToggle() metodo commuta tra slideUp() e slideDown() per gli elementi selezionati.

Questo metodo controlla gli elementi selezionati per la visibilità. slideDown() viene eseguito se un elemento è nascosto. slideUp() viene eseguito se un elemento è visibile - Questo crea un effetto leva.


Sintassi

$(selector).slideToggle(speed,easing,callback)

Parametro Descrizione
speed Facoltativo. Specifica la velocità dell'effetto diapositiva. Il valore di default è 400 millisecondi

Valori possibili:

  • millisecondi
  • "slow"
  • "fast"
easing Facoltativo. Specifica la velocità dell'elemento in diversi punti dell'animazione. Il valore di default è "swing"

Valori possibili:

  • "swing" - si muove più lentamente all'inizio / fine, ma più veloce nel mezzo
  • "linear" - muove in una velocità costante
Suggerimento: più funzioni di andamento sono disponibili in plugin esterni
callback Facoltativo. Una funzione da eseguire dopo il slideToggle() il metodo è completato

Per ulteriori informazioni su richiamata, visitare il nostro capitolo jQuery richiamata


Provate voi stessi - Esempi

slideToggle() - Con il parametro di velocità
Come utilizzare il parametro di velocità per specificare la velocità dell'effetto diapositiva.

slideToggle() - Con il parametro di callback
Come utilizzare il parametro di callback quando commutazione tra slideUp() e slideDown() .


<Metodi jQuery Effect