Метод 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. Описание
на тези параметри можете да видите за метода
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')
});
});
