Метод hide

Метод hide элементларни мулосим йўқ қилади. Элементларни кўрсатиш учун show методидан фойдаланиш мумкин.

Синтаксис

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

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

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

javascript.hide('slow' ёки 'fast');

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

javascript.hide();

Шунингдек, иккинчи параметр сифатида мулосимлик функциясини, ва унинчи параметр сифатида callback-функцияни - анимация тугаганидан сўнг ишга тушади. Иккала параметр ҳам ихтиёрий:

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

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

javascript.hide(options);

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

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

Мисол

Куйидаги #test тугмаси босилаётганда, hide методи ёрдамида абзацни мулосим йўқ қиламиз. slow калит сўзини ўтказіб, тезликни 600мс қилиб ўрнатайлик. Анимация тугаганидан сўнг консольга 'Animation complete' чиқарамиз:

html<button id="test">hide text</button>
<p>text</p>

javascript$('#test').click(function() {
  $('p').hide('slow', function() {
    console.log('Animation complete')
  });
});

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