Exemplo
Slide-down (show) todos escondidos elementos <p>:
$("button").click(function(){
$("p").slideDown();
});
Tente você mesmo " Definição e Uso
O slideDown() método de diapositivos-down (mostra) os elementos selecionados.
Nota: slideDown() funciona em elementos escondidos com os métodos jQuery e display: none em CSS (mas não visibility: hidden).
Dica: Para deslizar-up elementos (ocultar), olhar para o slideUp() método.
Sintaxe
$(selector).slideDown(speed,easing,callback)| Parâmetro | Descrição |
|---|---|
| speed | Opcional. Especifica a velocidade do efeito de corrediça. O valor padrão é 400 milissegundos 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 o slideDown() método é concluída Para saber mais sobre callback, visite o nosso capítulo jQuery Callback |
Tente você mesmo - Exemplos
slideDown() - Usando o parâmetro de velocidade
Como utilizar o parâmetro de velocidade para especificar a velocidade do efeito de corrediça.
slideDown() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada quando deslizando para cima e para baixo os elementos selecionados.