Метод jQuery эффект slideUp()

Методы эффектов jQuery

Метод slideUp() скрывает выбранные элементы с помощью скольжения.

Внимание:Скрытые элементы больше не влияют на макет страницы.

Этот метод обычно используется вместе сslideDown()Методы используются вместе.

Синтаксис:

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

Пример

При нажатии на "#my-Div" этот пример скрывает элементы " .panel" на странице:

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

При нажатии на кнопку сворачивать все элементы <p>:

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

ИспользованиеdurationПараметры:

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

ИспользованиеcallbackПараметры:

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Сворачивание завершено!");
　　});
});

Использование медленного времени затухания и линейного затухания для сворачивания всех элементов " .panel":

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

Анимация всех абзацев (в этом примере это слова) для быстрого скольжения, завершение каждого анимации за 200 миллисекунд:

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

Значения параметров

Методы эффектов jQuery