Metod hide

Metod hide elementlarni sekin yashiradi. Elementlarni ko'rsatish uchun show metodidan foydalanish mumkin.

Sintaksis

Berilgan vaqt ichida yo'q bo'lish, standart 400ms:

javascript.hide(davomiylik);

Vaqtni faqat millisekundlarda emas, balki kalit so'zlar bilan ham belgilash mumkin: slow (600ms) va fast (200ms), qiymat qancha katta bo'lsa, animatsiya shuncha sekinroq bo'ladi:

javascript.hide('slow' yoki 'fast');

Agar parametrlarni ko'rsatmasangiz - animatsiya bo'lmaydi, elementlar darhol yashirinadi:

javascript.hide();

Shuningdek, ikkinchi parametr sifatida silliqlik funktsiyasini, uchinchi parametr sifatida esa callback-funksiyani (animatsiya tugagandan keyin ishlaydi) uzatish mumkin. Ikkala parametr ham ixtiyoriy:

javascript.hide(davomiylik, [silliqlik funktsiyasi], [callback-funksiya]);

Metodga turli xil opsiyalarni, JavaScript obyekti shaklida, o'z ichiga olgan kalit: qiymat juftliklarini uzatish mumkin:

javascript.hide(options);

Bunday obyekt quyidagi parametrlar va funktsiyalarni uzatishi mumkin - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. Ushbu parametrlarning tavsifini animate metodi uchun ko'rishingiz mumkin. Masalan, davomiylik va silliqlik funktsiyasini o'rnatamiz:

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

Misol

Keling, #test tugmasi bosilgandan so'ng, hide metodi yordamida abzatsni sekin yashiramiz. slow kalit so'zini uzatib, biz tezlikni 600ms ga o'rnatamiz. Animatsiya tugagandan so'ng konsolga 'Animation complete' chiqaramiz:

html<button id="test">matnni yashirish</button>
<p>matn</p>

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

Shuningdek qarang