jQuery Скольжение

В jQuery есть методы скольжения, которые двигают элементы вверх и вниз.

Щелкните, чтобы сдвинуть вниз/вверх панель

Примеры

jQuery метод slideDown()
Демонстрирует jQuery метод slideDown().

jQuery метод slideUp()
Демонстрирует jQuery метод slideUp().

jQuery метод slideToggle()
Демонстрирует jQuery метод SlideToggle().

jQuery Методы Скольжения

В jQuery можно создать скользящий эффект для элементов.

У jQuery есть следующие методы скольжения:

• slideDown()
• slideUp()
• slideToggle()

jQuery Метод slideDown()

jQuery метод slideDown() используется, чтобы сдвинуть элемент вниз.

Синтаксис:

Дополнительный параметр скорости определяет продолжительность эффекта. Это может принять следующие значения: "slow", "fast" или миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как скольжение завершается.

Следующий пример демонстрирует метод slideDown():

Пример

$("#flip").click(function(){
  $("#panel").slideDown();
});

Попробуйте сами »

jQuery Метод slideUp()

jQuery метод slideUp() используется, чтобы двигать элемент вверх.

Синтаксис:

Дополнительный параметр скорости определяет продолжительность эффекта. Он может принять следующие значения: "slow", "fast" или значение в миллисекундах.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как скольжение завершается.

Следующий пример демонстрирует метод slideUp():

Пример

$("#flip").click(function(){
  $("#panel").slideUp();
});

Попробуйте сами »

jQuery Метод slideToggle()

jQuery метод slideToggle() переключает между методами slideDown() и slideUp().

Если элементы были сдвинуты вниз, slideToggle() будет двигать их вверх.

Если элементы были сдвинуты вверх, slideToggle() будет двигать их вниз.

Дополнительный параметр скорости может принять следующие значения: "slow", "fast" миллисекунды.

Дополнительный параметр обратного вызова - функция, которая будет выполняться после того, как скольжение завершается.

Следующий пример демонстрирует метод slideToggle():

Пример

$("#flip").click(function(){
  $("#panel").slideToggle();
});

Попробуйте сами »

Далее: jQuery - Добавление Элементов