Метад slideUp

Метад slideUp плаўна схавае элементы, закотваючы іх знізу ўверх. Паказаць элементы можна з дапамогай метаду slideDown.

Сінтаксіс

Схаванне за зададзены час, 400мс па змаўчанні:

.slideUp(працягласць);

Час можна задаваць не толькі ў мілісекундах, але і ключавымі словамі slow (600мс) і fast (200мс), чым большае значэнне, тым павольней анімацыя:

.slideUp('slow' або 'fast');

Калі не паказваць параметры - анімацыі не будзе, элементы будуць схавацца імгненна:

.slideUp();

Можна таксама другім параметрам перадаць функцыю плаўнасці, а таксама трэцім callback-функцыю - спрацуе пасля выканання анімацыі. Абодва параметры неабавязковыя:

.slideUp(працягласць, [функцыя плаўнасці], [callback-функцыя]);

Можна перадаць метаду розныя опцыі, у выглядзе аб'екта JavaScript, які змяшчае пары ключ: значэнне:

.slideUp(options);

Такі аб'ект можа перадаваць наступныя параметры і функцыі - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Апісанне гэтых параметраў вы можаце паглядзець для метаду animate. Напрыклад, усталюем працягласць і функцыю плаўнасці:

.slideUp( {duration: 800, easing: easeInSine} );

Прыклад

Давайце пасля націску кнопкі, плаўна схаваем бацькоўскі div, які змяшчае інпут і кнопку, з дапамогай метаду slideUp (гэты div мы знойдзем з дапамогай метаду parent). Перадаўшы ключавое слова slow, мы ўсталюем хуткасць на 600мс. У div з #test мы вывядзем надпіс 'Text is hidden':

<div>
	<button>hide text</button>
	<input type="text" value="aaa">
</div>
<div id="test"></div>

$('button').click(function() {
	$(this).parent().slideUp('slow', function() {
		$('#test').text('Text is hidden');
	});
});

Глядзіце таксама

метад slideDown,
які плаўна паказвае элементы
метад slideToggle,
які чаргуе плаўны паказ/схаванне элементаў
метад fadeOut,
які плаўна плаўна схавае элементы, робячы іх празрыстымі
метад hide,
які плаўна схавае элементы