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

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

Описание: Скрывает соответствующие элементы с эффектом затухания.

Обработчик события может быть прикреплен к любому элементу

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

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

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

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

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

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

Примечание: чтобы избежать ненужных dom манипуляции, .fadeOut() не будет скрывать элементы, которыйе уже скрыты .

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

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

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

Пример 1

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

Скрывает блоки div Мы можем анимировать любой элемент, такой как простое изображение:
Скрывает блоки div Мы можем анимировать любой элемент, такой как простое изображение:
Скрывает блоки div Мы можем анимировать любой элемент, такой как простое изображение: