Последние учебники веб-разработки
 

jQuery slideToggle() Method

<Методы Jquery Эффект

пример

Переключение между slideUp() и slideDown() для всех <p> элементов:

$("button").click(function(){
    $("p").slideToggle();
});
Попробуй сам "

Определение и использование

slideToggle() метод переключения между slideUp() и slideDown() для выбранных элементов.

Этот метод проверяет выбранные элементы для видимости. slideDown() выполняется , если элемент скрыт. slideUp() выполняется , если элемент виден - Это создает эффект переключения.


Синтаксис

$(selector).slideToggle(speed,easing,callback)

параметр Описание
speed Необязательный. Определяет скорость эффекта скольжения. Значение по умолчанию составляет 400 миллисекунд

Возможные значения:

  • миллисекунды
  • "slow"
  • "fast"
easing Необязательный. Определяет скорость элемента в разных точках анимации. Значение по умолчанию "swing"

Возможные значения:

  • "swing" - движется медленнее в начале / конце, но быстрее в середине
  • "linear" - движется с постоянной скоростью
Совет: Дополнительные функции смягчения доступны во внешних плагинов
callback Необязательный. Функция , которая будет выполнена после того , как slideToggle() метод завершается

Чтобы узнать больше о обратный вызов, посетите наш JQuery Callback главу


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

slideToggle() - С помощью параметра скорости
Как использовать параметр скорости, чтобы определить скорость эффекта скольжения.

slideToggle() - С помощью параметра обратного вызова
Как использовать параметр обратного вызова при переключении между slideUp() и slideDown() .


<Методы Jquery Эффект