Метод fadeTo

Метод .fadeTo() плавно меняет прозрачность элемента до заданного значения.

См. также метод show, который показывает элементы.

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

Синтаксис

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

.fadeTo(миллисекунды, значение прозрачности)

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

.fadeIn(slow или fast, значение прозрачности)

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

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

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

.fadeIn(миллисекунды, значение прозрачности, функция)

Примеры

Пример

В следующем примере по нажатию на первую кнопку элемент будет скрываться путем уменьшения прозрачности до 0.5, а на вторую - показываться:

<button onclick="hide()">Скрыть</button>
<button onclick="show()">Показать</button>
<div id="test"></div>

function hide() {
	$('#test').fadeOut(1000, 0.5);
}
function show() {
	$('#test').fadeTo(1000, 1);
}