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 ата-энесин, ал input жана кнопканы камтыйт, slideUp методу менен (бул div табабыз parent методунун жардамы менен). slow баш сөзүн берүү менен, биз ылдамдыкты 600мс кылабыз. div ичинде #test 'Text is hidden' жазуусун чыгарабыз:

<div>
	<button>текстти жашыр</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 методу,
элементтерди жумшак жашырат