jQuery функция .slideUp()
Раздел: Эффекты jQuery
Обработчик события может быть прикреплен к div, ul, ol ...
Функция выполняется один раз при нажатии на элемент.
Функция может не принимать никаких аргументов.
Опции: .slideUp()( [ продолжительность ] , [ ослабление ] , [ функция ])
- Продолжительность - скорость эффекта
- Ослабление- функция смягчения для перехода.
- Функция вызываемая после завершения анимации.
Ослабление необязательная опция, по умолчанию swing, с постоянной скоростью, называется linear
Длительность приведена в миллисекундах; более высокие значения указывают на более медленную анимацию, а не побыстрей. Строки 'fast' и 'slow' могут быть поставлены для обозначения длительностей 200 и 600миллисекунд, соответственно.
<div id="target"> <p>Блок с текстом</p> <p>Функция для вызова после завершения анимации, вызывается один раз на соответствующий элемент.</p> </div>
// Без параметров $( "#target" ).slideUp(); // Продолжительность 1.5 секунды $( "#target" ).slideUp(1500); // Вызов функции после окончания анимации $( "#target" ).slideUp('slow', function() { // Animation complete. });
Живые примеры
Пример 1
Блок с текстом
Метод .slideUp() анимирует высоту соответствующих элементов.
Это приводит к поднятию нижней части элемента вверх до полного скрытия элемента.
Когда высота достигает 0, свойство стиля display устанавливается в none для того, чтобы элемент больше не влиял на верстку страницы.
Пример 2
Смотреть функцию .slideToggle()