Metodo di evento jQuery - toggle()

Manuale di riferimento degli eventi jQuery

Esempio

Cambia diversi colori di sfondo:

$("p").toggle(
  function(){
  ($("body").css("background-color","green");),
  function(){
  $("body").css("background-color","red");}
  function(){
  $("body").css("background-color","yellow");}
);

Prova personalmente

Definizione e uso

Il metodo toggle() viene utilizzato per legare due o più funzioni di gestore di eventi per rispondere agli eventi click ricorrenti dell'elemento selezionato.

Questa metodo può anche essere utilizzato per commutare l'elemento selezionato hide() e show() Metodo.

Leggi due o più funzioni per l'evento Toggle

Cambia tra due o più funzioni quando l'elemento specificato viene cliccato.

Se sono specificate due o più funzioni, toggle() commuta tutte le funzioni. Ad esempio, se ci sono tre funzioni, la prima pressione del pulsante chiama la prima funzione, la seconda pressione chiama la seconda funzione, la terza pressione chiama la terza funzione. La quarta pressione chiama di nuovo la prima funzione, e così via.

Sintassi

$(selettore).toggle(function1(),function2(),functionN(),...)

Prova personalmente

Parametri Descrizione
function1() Obbligatorio. Funzione eseguita ogni volta che l'elemento viene cliccato per la seconda volta.
function2() Obbligatorio. Funzione eseguita ogni volta che l'elemento viene cliccato per la prima volta.
functionN(),... Opzionale. Specifica altre funzioni da commutare.

Commuta Hide() e Show()

Controlla se ogni elemento è visibile.

Se l'elemento è nascosto, esegui show(). Se l'elemento è visibile, esegui hide(). In questo modo si può creare un effetto di commutazione.

Sintassi

$(selettore).toggle(velocità,callback)

Prova personalmente

Parametri Descrizione
velocità

Opzionale. Specifica la velocità dell'effetto hide/show. Il valore predefinito è "0".

Valori possibili:

  • millisecondi (ad esempio 1500)
  • "slow"
  • "normal"
  • "fast"
callback

Opzionale. Funzione eseguita quando toggle() è completato.

Per saperne di più sui callback, visitare il nostro Tutorial della funzione Callback。

Mostra o nascondi l'elemento

Specifica se mostrare o nascondere tutti gli elementi corrispondenti.

Sintassi

$(selettore).toggle(switch)

Prova personalmente

Parametri Descrizione
switch

Obbligatorio. Valore booleano, specifica se toggle() dovrebbe mostrare o nascondere solo tutti gli elementi selezionati.

  • true - Mostra l'elemento
  • false - Nascondi l'elemento

Manuale di riferimento degli eventi jQuery