Gli ultimi tutorial di sviluppo web
 

jQuery toggle() Method

<Metodi jQuery Effect

Esempio

Passare da nascondere e mostrare a tutti <p> elementi:

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

Definizione e utilizzo

La toggle() metodo commuta tra hide() e show() per gli elementi selezionati.

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

Nota: gli elementi nascosti non verranno visualizzati a tutti (non più influenza il layout della pagina).

Suggerimento: Questo metodo può essere utilizzato anche per commutare tra funzioni personalizzate.


Sintassi

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

Parametro Descrizione
speed Facoltativo. Specifica la velocità della pelle effetto / spettacolo

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 la toggle() il metodo è completato

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


Provate voi stessi - Esempi

toggle() - Con il parametro di velocità
Come utilizzare il parametro della velocità per specificare la velocità dell'effetto nascondi / mostra.

toggle() - Con il parametro di callback
Come utilizzare il parametro di callback quando commutazione tra l'effetto nascondi / mostra.


<Metodi jQuery Effect