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

Ёна шунингдек қаранг

метод show,
элементларни мулосим кўрсатади
метод slideUp,
элементларни мулосим йўқ қилади
метод fadeOut,
элементларни мулосим шaffоф қилиб йўқ қилади