Метад 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')
});
});
