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