Метод slideUp

Метод slideUp элементларни пастдан юқорига қарай "ўраб", мулойим йўқ қилади. Элементларни кўрсатиш учун slideDown методидан фойдаланиш мумкин.

Синтаксис

Берилган вақтда йўқ қилиш, 400мс сунъий кўрсаткичда:

.slideUp(давомийлик);

Вақтни фақат миллисонияларда эмас, балки slow (600мс) ва fast (200мс) калит сўзлари билан ҳам белгилаш мумкин, қиймат катта бўлса, анимация секинрок бўлади:

.slideUp('slow' ёки 'fast');

Агар параметрлар кўрсатилмаса - анимация бўлмайди, элементлар дароқ йўқ бўлади:

.slideUp();

Иккинчи параметр сифатида мулoyимлик функцисясини, учинчисида эса callback-функцияни - анимация тугаганидан сўнг ишга тушади, берish мумкин. Иккала параметр хам majburiy эмас:

.slideUp(давомийлик, [мулoyимлик функцисяси], [callback-функция]);

Методга турли xил опцияларни, JavaScript объекти кўринишида, ўз ичига олган калит: қиймат жуфтларини бериш мумкин:

.slideUp(options);

Бундай объект quyidagi параметрлар ва функцилярни узatishi мумкин - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Бу параметрларнинг тавсифини сиз animate методу учун кўра олишингиз мумкин. Мисол учун, давомийлик ва мулoyимлик функцисясини ўрнатамиз:

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

Мисол

Тугмани босганимиздан сўнг, инпут ва тугмани ўз ичига олган ота divни slideUp методи ёрдамида мулoyим йўқ қиламиз (бу divни биз parent методи ёрдамида топамиз). slow калит сўзини берib, биз tezlikni 600мсга ўрнаймиз. #test билан белгиланган divга биз '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,
элементларни мулoyим кўрсатади
метод slideToggle,
элементларни мулoyим кўрсатиш/яширишни алмаштиради
метод fadeOut,
элементларни шaffоф қилиб, мулoyим йўқ қилади
метод hide,
элементларни мулoyим йўқ қилади