Método jQuery slideUp()

Métodos de Efeito do jQuery

O método slideUp() oculta o elemento selecionado de forma deslizante.

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

Este método geralmente é usado comslideDown()Métodos juntos.

Sintaxe:

$(selector).slideUp(duration, easing, callback)

Exemplo

Ao clicar em "#my-Div” oculta " .panel" na página neste exemplo:

$("#my-Div").click(function(){
　　$(".panel").slideUp();
});

Clicar no botão para deslizar para cima todos os elementos <p>:

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

UsardurationParâmetros:

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

UsarcallbackParâmetros:

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Deslizar para cima concluído!");
　　});
});

Usar tempo de duração lento e suavidade linear para deslizar para cima todos os " .panel":

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

Animar todos os intervalos (no exemplo, palavras) para deslizar rapidamente, em2Concluir cada animação dentro de 00 milissegundos:}}

$("button").click(function(){
　　$("span:last-child").slideUp("fast", function(){
　　　　$(this).prev().slideUp("fast", arguments.callee);
　　});
});

Valor do Parâmetro

Métodos de Efeito do jQuery