Método slideToggle() do jQuery Efeitos

Manual de Efeitos jQuery

Exemplo

Alternar entre o estado de exibição e ocultação do elemento <p> usando efeitos de deslize:

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

Experimente você mesmo

Definição e uso

O método slideToggle() alterna o estado de visibilidade do elemento usando efeitos de deslize (mudança de altura).

Se o elemento selecionado estiver visível, ocultar esses elementos. Se o elemento selecionado estiver oculto, mostrá-lo.

Sintaxe

$().slideToggle(speed,callback)
Parâmetros Descrição
speed

Opcional. Especifica a velocidade do elemento ao passar de oculto a visível (ou vice-versa). O valor padrão é "normal".

Valores possíveis:

  • milissegundos (por exemplo, 1500)
  • "lento"
  • "normal"
  • "rápido"

Ao configurar a velocidade, o elemento mudará gradualmente sua altura durante a troca (criando assim o efeito de deslizar).
callback

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

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

A menos que o parâmetro speed seja configurado, não pode ser configurado.

Dicas e comentários

Dica:Se o elemento já estiver oculto, o efeito não produziria nenhuma mudança, a menos que fosse especificado uma função callback.

Mais exemplos

Use o parâmetro speed
Use o parâmetro speed para alternar entre a exibição e ocultação de elementos deslizantes.

Manual de Efeitos jQuery