slideDown()

jQuery slideDown() metodi

❮ jQuery effekt metodlari

Misol

Barcha yashirin <p> elementlarini pastga sirpantirib ochish (ko‘rsatish):

$("button").click(function(){   $("p").slideDown(); });
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

slideDown() metodi tanlangan elementlarni pastga sirpantirib ochadi (ko‘rsatadi).

Eslatma: slideDown() jQuery metodlari va CSS’dagi display:none yordamida yashirilgan elementlarda ishlaydi (lekin visibility:hidden bilan yashirilganlarida ishlamaydi).

Maslahat: Elementlarni yuqoriga sirpantirib yig‘ish (yashirish) uchun slideUp() metodiga qarang.


Sintaksis

$(selector).slideDown(speed,easing,callback)

Parametr Tavsif
speed Ixtiyoriy. Sirpanish (slide) effektining tezligini belgilaydi. Standart qiymati: 400 millisekund

Mumkin bo‘lgan qiymatlar:

  • millisekundlar
  • "slow"
  • "fast"
easing Ixtiyoriy. Animatsiyaning turli nuqtalarida elementning tezligini belgilaydi. Standart qiymati: "swing"

Mumkin bo‘lgan qiymatlar:

  • "swing" - boshida/oxirida sekinroq, o‘rtasida esa tezroq harakatlanadi
  • "linear" - o‘zgarmas tezlikda harakatlanadi
Maslahat: Boshqa easing funksiyalari tashqi plaginlarda mavjud.
callback Ixtiyoriy. slideDown() metodi tugagandan keyin bajariladigan funksiya

Callback funksiyasi haqida ko‘proq bilish uchun jQuery callback funksiyasi bobiga o‘ting


O‘zingiz sinab ko‘ring — misollar

slideDown() — speed parametridan foydalanish
Sirpanish (slide) effektining tezligini belgilash uchun speed parametridan qanday foydalanish mumkin.

slideDown() — callback parametridan foydalanish
Tanlangan elementlarni yuqoriga va pastga sirpantirishda callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!