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:
.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:
.hide('slow' yoki 'fast');
Agar parametrlarni ko'rsatmasangiz - animatsiya bo'lmaydi, elementlar darhol yashirinadi:
.hide();
Shuningdek, ikkinchi parametr sifatida silliqlik funktsiyasini, uchinchi parametr sifatida esa callback-funksiyani (animatsiya tugagandan keyin ishlaydi) uzatish mumkin. Ikkala parametr ham ixtiyoriy:
.hide(davomiylik, [silliqlik funktsiyasi], [callback-funksiya]);
Metodga turli xil opsiyalarni, JavaScript obyekti shaklida, o'z ichiga olgan kalit: qiymat juftliklarini uzatish mumkin:
.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:
.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:
<button id="test">matnni yashirish</button>
<p>matn</p>
$('#test').click(function() {
$('p').hide('slow', function() {
console.log('Animation complete')
});
});
