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

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

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

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

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

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

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

Продолжительность по умолчанию в 400 миллисекунд

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

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

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

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

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

Пример 1

Если элемент изначально отрыт, мы можем плавно его скрыть с эффектом затухания, после показать с эффектом появления

Отображает или скрывает соответствующие элементы с помощью анимации непрозрачности.

Отображает или скрывает соответствующие элементы с помощью анимации непрозрачности.

Отображает или скрывает соответствующие элементы с помощью анимации непрозрачности.