jQuery функция .slideDown()

Раздел: Эффекты jQuery

Обработчик события может быть прикреплен к div, ul, ol ...

Функция может не принимать никаких аргументов.

Функция выполняется один раз при нажатии на элемент.

Опции: .slideDown()( [продолжительность ] , [ ослабление ] , [ функция ])

1. Продолжительность - скорость эффекта
2. Ослабление- функция смягчения для перехода.
3. Функция вызываемая после завершения анимации.

Ослабление необязательная опция, по умолчанию swing, с постоянной скоростью, называется linear

Длительность приведена в миллисекундах; более высокие значения указывают на более медленную анимацию, а не побыстрей. Строки 'fast' и 'slow' могут быть поставлены для обозначения длительностей 200 и 600милисекунд, соответственно.

<div id="target">
 <p>Блок с текстом</p> 
 <p>Функция для вызова после завершения анимации, вызывается один раз на соответствующий элемент.</p>
</div>

 // Без параметров
 $( "#target" ).slideDown();
 // Продолжительность 1.5 секунды 
 $( "#target" ).slideDown(1500);
 // Вызов функции после окончания анимации 
 $( "#target" ).slideDown('slow', function() {
 // Animation complete.
 });

Живые примеры

Пример 1

Если элемент изначально скрыт, мы можем медленно ( плавно ) его показать:

Блок с текстом

Метод .slideDown() анимирует высоту соответствующих элементов. Это приводит к сползанию нижней части элемента вниз.

Если указанна, функция обратного вызова, то она вызывается после завершения анимации.

Это может быть полезно для нанизывания различных анимаций вместе в определенной последовательности.

В функцию обратного вызова не передается никаких аргументов, но this является элементом DOM, который анимируется.

Если многочисленные элементы анимируются, важно отметить, что функция обратного вызова вызывается единожды для каждого соответствующего элемента, а не один раз в целом на анимацию.

Пример 2