Método slideDown() do jQuery - Efeitos do jQuery

Manual de Efeitos do jQuery

Exemplo

Exiba o elemento <p> oculto de forma deslizante:

$(".btn2").click(function(){
  $("p").slideDown();
});

Experimente você mesmo

Definição e uso

A função slideDown() exibe elementos ocultados selecionados usando efeitos de deslize.

Sintaxe

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

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

Valores possíveis:

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

Ao definir a velocidade, o elemento mudará gradualmente sua altura durante o processo de ocultar e tornar visível.
callback

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

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

Não pode ser configurado o parâmetro speed, a menos que seja configurado o parâmetro speed.

Dicas e Notas

Dica:Se o elemento já estiver completamente visível, o efeito não causará nenhuma mudança, a menos que seja especificado uma função callback.

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

Mais exemplos

Use o parâmetro speed
Use o parâmetro speed para ocultar e mostrar elementos.

Manual de Efeitos do jQuery