slideDown usuli

slideDown usuli yashiringan elementlarni sekinlik bilan ko'rsatadi, ularni yuqoridan pastga qarab ochib beradi. Elementlarni yashirish uchun slideUp usulidan foydalanish mumkin.

Sintaksis

Berilgan vaqt davomida ko'rsatish, standart holatda 400ms:

javascript.slideDown(davomiylik);

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

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

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

javascript.slideDown();

Shuningdek, ikkinchi parametr sifatida silliqlik funktsiyasini, va uchinchi parametr sifatida callback-funksiyani - animatsiya tugagandan so'ng ishlaydi. Ikkala parametr ham ixtiyoriy:

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

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

javascript.slideDown(options);

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

javascript.slideDown( {duration: 600, easing: easeInSine} );

Misol

Keling, tugmani bosgandan so'ng, yashiringan abzatsni slideDown usuli yordamida sekinlik bilan ko'rsataylik. slow kalit so'zini uzatib, biz tezlikni 600ms ga o'rnatamiz. Animatsiya tugagandan so'ng konsolga 'Animation complete' chiqaramiz:

html<button>matnni ko'rsatish</button>
<p style="display: none">matn</p>

javascript$('button').click(function() {
  $('p').slideDown('slow', function() {
    console.log('Animation complete')
  });
});

Shuningdek ko'ring