Método toggle() do jQuery Efeitos

Manual de Efeitos do jQuery

Exemplo

Alternar o estado de visibilidade do elemento <p>:

$(".btn1").click(function(){
  $("p").hide();
});

Experimente você mesmo

Definição e uso

O método toggle() muda o estado de visibilidade do elemento.

Se o elemento selecionado estiver visível, ocultá-lo; se o elemento estiver oculto, exibi-lo.

Sintaxe

$(selector).toggle(speed,callback,switch)
Parâmetros Descrição
speed

Opcional. Determina a velocidade do elemento ao mudar de visível para oculto (ou vice-versa). O valor padrão é "0".

Valores possíveis:

  • Milissegundos (por exemplo, 1500)
  • "slow"
  • "normal"
  • "fast"

Ao configurar a velocidade, enquanto o elemento muda de visível para oculto, sua altura, largura, margem externa, margem interna e transparência mudam gradualmente.

Se este parâmetro estiver configurado, o parâmetro switch não pode ser usado.
callback

Opcional. Função a ser executada após a execução da função toggle.

Para aprender mais sobre callback, acesse o capítulo jQuery Callback.

Este parâmetro não pode ser configurado a menos que o parâmetro speed esteja configurado.
switch

Opcional. Valor booleano. Determina se o toggle oculta ou exibe todos os elementos selecionados.

  • True - Exibir todos os elementos
  • False - Ocultar todos os elementos

Se este parâmetro estiver configurado, os parâmetros speed e callback não podem ser usados.

Dicas e notas

Notas:Este efeito é aplicável a elementos ocultados pelo jQuery, ou elementos declarados com display:none no CSS (mas não se aplica a elementos com visibility:hidden).

Mais exemplos

Use o parâmetro speed
Use o parâmetro speed para ocultar e exibir elementos.
Use o parâmetro switch
Use o parâmetro switch para exibir todos os parágrafos ocultos.

Manual de Efeitos do jQuery