Exemplo
Alternar entre slideUp() e slideDown() para todos os <p> elementos:
$("button").click(function(){
$("p").slideToggle();
});
Tente você mesmo " Definição e Uso
O slideToggle() método alterna entre slideUp() e slideDown() para os elementos selecionados.
Este método verifica os elementos selecionados para a visibilidade. slideDown() é executado se um elemento está escondido. slideUp() é executado se um elemento é visível - Isto cria um efeito de alavanca.
Sintaxe
$(selector).slideToggle(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 slideToggle() método é concluída Para saber mais sobre callback, visite o nosso capítulo jQuery Callback |
Tente você mesmo - Exemplos
slideToggle() - Usando o parâmetro de velocidade
Como utilizar o parâmetro de velocidade para especificar a velocidade do efeito de corrediça.
slideToggle() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada quando alternando entre slideUp() e slideDown() .