Метод .fadeToggle() плавно показывает или скрывает элементы по очереди.

См. также методы fadeIn и fadeOut.

См. также урок работа с эффектами и анимацией jQuery для более полного понимания.

Синтаксис

Показ за заданное время:

.fadeToggle(миллисекунды)

Время можно задавать не только в миллисекундах, но и ключевыми словами slow (200 мс) и fast (600 мс):

.fadeToggle(slow или fast)

Если не указать первый параметр - анимации не будет, элементы будут показываться мгновенно:

.fadeToggle()

Вторым параметром можно указывать скорость анимации:

.fadeToggle(миллисекунды, скорость анимации)

После выполнения анимации можно вызвать callback-функцию:

.fadeToggle(миллисекунды, функция)

Примеры

Пример

Давайте выведем на экран содержимое нашего абзаца:

<p id="test">привет</p>
var text = $('#test').html('пока');
document.write(text);

Результат выполнения кода:

привет