slideToggle()

jQuery slideToggle() metodi

❮ jQuery effekt metodlari

Misol

Barcha <p> elementlari uchun slideUp() va slideDown() o‘rtasida almashlab turish:

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

Ta’rif va qo‘llanilishi

slideToggle() metodi tanlangan elementlar uchun slideUp() va slideDown() o‘rtasida almashlab turadi.

Bu metod tanlangan elementlarning ko‘rinishini tekshiradi. Agar element yashirin bo‘lsa, slideDown() ishga tushadi. Agar element ko‘rinib tursa, slideUp() ishga tushadi — shu tariqa almashlab turish (toggle) effekti hosil bo‘ladi.


Sintaksis

$(selector).slideToggle(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. slideToggle() metodi tugagandan keyin bajariladigan funksiya

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


O‘zingiz sinab ko‘ring — misollar

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

slideToggle() — callback parametridan foydalanish
slideUp() va slideDown() o‘rtasida almashlab turishda callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!