Metod slideUp

Metod slideUp elementlarni pastdan yuqoriga aşırıp, sekin yashiradi. Elementlarni ko'rsatish uchun slideDown metodidan foydalanish mumkin.

Sintaksis

Belgilangan vaqt oralig'ida yashirish, 400ms standart hisoblanadi:

javascript.slideUp(davomiylik);

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

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

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

javascript.slideUp();

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

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

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

javascript.slideUp(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 metodi uchun ko'rishingiz mumkin. Masalan, davomiylik va silliqlik funktsiyasini o'rnatamiz:

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

Misol

Keling, tugmani bosgandan so'ng, sekinlik bilan slideUp metodi yordamida input va tugmani o'z ichiga olgan ota-ona div ni yashiramiz (bu div ni biz parent metodi yordamida topamiz). slow kalit so'zini uzatib, biz tezlikni 600ms ga o'rnatamiz. div da #test biz 'Text is hidden' yozuvini chiqaramiz:

html<div>
  <button>matnni yashirish</button>
  <input type="text" value="aaa">
</div>
<div id="test"></div>

javascript$('button').click(function() {
  $(this).parent().slideUp('slow', function() {
    $('#test').text('Text is hidden');
  });
});

Shuningdek qarang