Метод jQuery effects slideDown()

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

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

Внимание:Этот метод подходит для элементов, скрытых с помощью методов jQuery, и в CSS display:none (не visibility:hidden).

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

Синтаксис:

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

Пример

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

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

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

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

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

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

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

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("Скольжение вниз завершено!");
　　});
});

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

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

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

$("button").click(function(){
　　$("span:first-child").slideDown("fast", function(){
　　　　$(this).next().slideDown("fast", arguments.callee);
　　});
});

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

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