Метад show
Метад show плаўна паказвае схаваныя
элементы. Схаваць элементы можна з дапамогай метаду
hide.
Сінтаксіс
Паказ за зададзены час у мілісекундах,
400мс па змаўчанні:
.show(працягласць);
Час можна задаваць не толькі ў мілісекундах,
але і ключавымі словамі slow (600мс)
і fast (200мс), чым большае значэнне,
тым павольней анімацыя:
.show('slow' ці 'fast');
Калі не паказваць параметры - анімацыі не будзе, элементы будуць паказвацца імгненна:
.show();
Можна таксама другім параметрам перадаць функцыю плаўнасці, а таксама трэцім callback-функцыю - спрацуе пасля выканання анімацыі. Абодва параметры неабавязковыя:
.show(працягласць, [функцыя плаўнасці], [callback-функцыя]);
Можна перадаць метаду розныя опцыі, у выглядзе аб'екта JavaScript, які змяшчае пары ключ: значэнне:
.show(options);
Такі аб'ект можа перадаваць наступныя
параметры і функцыі - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Апісанне
гэтых параметраў вы можаце паглядзець для метаду
animate. Напрыклад,
усталюем працягласць і функцыю плаўнасці:
.show( {duration: 800, easing: easeInSine} );
Прыклад
Давайце пасля націску кнопкі, будзем плаўна паказваць
схаваны абзац з дапамогай метаду show. Перадаўшы
ключавое слова slow, мы ўсталюем хуткасць
на 600мс. Пасля заканчэння анімацыі вывядзем у
кансоль 'Анімацыя завершана':
<button>show text</button>
<p style="display: none">text</p>
$('button').click(function() {
$('p').show('slow', function() {
console.log('Animation complete')
});
});
