Метод hide - плавное исчезновение элементов
Метод hide плавно скрывает элементы. Показать
элементы можно с помощью метода
show.
Синтаксис
Исчезновение за заданное время,
400мс по умолчанию:
.hide(длительность);
Время можно задавать не только в миллисекундах,
но и ключевыми словами slow (600мс)
и fast (200мс), чем больше значение,
тем медленней анимация:
.hide('slow' или 'fast');
Если не указывать параметры - анимации не будет, элементы будут скрываться мгновенно:
.hide();
Можно также вторым параметром передать функцию плавности, а также третьим callback-функцию - сработает после выполнения анимации. Оба параметра необязательны:
.hide(длительность, [функция плавности], [callback-функция]);
Можно передать методу различные опции, в виде объекта JavaScript, содержащего пары ключ: значение:
.hide(options);
Такой объект может передавать следующие
параметры и функции - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Описание
этих параметров вы можете посмотреть для метода
⁅с href="/ru/javascript/lib/jquery/manual/animate/"⁆animate⁅/с⁆. Например,
установим длительность и функцию плавности:
.hide( {duration: 800, easing: easeInSine} );
Пример
Давайте после нажатия кнопки #test, плавно
скроем абзац с помощью метода hide. Передав
ключевое слово slow, мы установим скорость
на 600мс. После окончания анимации выведем в
консоль 'Animation complete':
<button id="test">hide text</button>
<p>text</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});