Metod show

Metod show yashiringan elementlarni sekin ko'rsatadi. Elementlarni hide metodi yordamida yashirish mumkin.

Sintaksis

Berilgan vaqt oralig'ida (millisekundlarda) ko'rsatish, standart 400ms:

javascript.show(davomiylik);

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

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

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

javascript.show();

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

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

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

javascript.show(options);

Bunday obyekt quyidagi parametrlar va funksiyalarni 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.show( {duration: 800, easing: easeInSine} );

Misol

Keling, tugmani bosgandan so'ng, yashiringan abzatsni show metodi yordamida sekin ko'rsatamiz. slow kalit so'zini uzatib, biz tezlikni 600ms ga o'rnatamiz. Animatsiya tugagandan so'ng konsolga 'Animation complete' chiqaramiz:

html<button>show text</button>
<p style="display: none">text</p>

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

Shuningdek qarang