Exemplo
Alterna entre ocultar e mostrar para todos <p> elementos:
$("button").click(function(){
$("p").toggle();
});
Tente você mesmo " Definição e Uso
A toggle() método alterna entre hide() e show() para os elementos selecionados.
Este método verifica os elementos selecionados para a visibilidade. show() é executado se um elemento está escondido. hide() é executado se um elemento é visível - Isto cria um efeito de alavanca.
Nota: Os elementos ocultos não serão exibidos em todos (não afeta mais o layout da página).
Dica: Este método também pode ser usado para alternar entre as funções personalizadas.
Sintaxe
$(selector).toggle(speed,easing,callback)| Parâmetro | Descrição |
|---|---|
| speed | Opcional. Especifica a velocidade do efeito hide / show Valores possíveis:
|
| easing | Opcional. Especifica a velocidade do elemento em diferentes pontos da animação. O valor padrão é "swing" Valores possíveis:
|
| callback | Opcional. A função a ser executada após a toggle() método é concluída Para saber mais sobre callback, visite o nosso capítulo jQuery Callback |
Tente você mesmo - Exemplos
toggle() - Usando o parâmetro de velocidade
Como usar o parâmetro de velocidade para especificar a velocidade do efeito hide / show.
toggle() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada quando alternando entre o efeito hide / show.