Método de efeito slideToggle() do jQuery

Métodos de Efeito do jQuery

O método slideToggle() emslideUp()eslideDown()Alternar entre métodos.

Este método verifica a visibilidade do elemento selecionado:

• Se o elemento inicialmente estiver visível, ele será ocultado

• Se o elemento inicialmente estiver oculto, ele será exibido

Atenção:Elementos ocultos não afetarão mais o layout da página.

Sintaxe:

$selector.slideToggle(duracao, efeito, callback)

Exemplo

Ao clicar no botão, alternar entre subir e descer em todos os elementos <p>:

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

UsodurationParâmetros:

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

UsocallbackParâmetros:

$("button").click(function() {
　　$("div").slideToggle();1500, função() {
　　　　alert("Efeito de deslizar alternado completo!!!");
　　});
});

Use tempo de duração lento e suavização linear para alternar todos os “.panel”

$("#my-Div").click(function(){
　　$(".panel").slideToggle("slow", “linear”);
});

Valores dos Parâmetros

Métodos de Efeito do jQuery