toggle()

jQuery toggle() metodi

❮ jQuery effekt metodlari

Misol

Barcha <p> elementlari uchun yashirish va ko‘rsatish o‘rtasida almashlab turish:

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

Ta’rif va qo‘llanilishi

toggle() metodi tanlangan elementlar uchun hide() va show() o‘rtasida almashlab turadi.

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

Eslatma: Yashirin elementlar umuman ko‘rsatilmaydi (ular endi sahifa maketiga ta’sir qilmaydi).

Maslahat: Bu metoddan maxsus funksiyalar o‘rtasida almashlab turish uchun ham foydalanish mumkin.


Sintaksis

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

Parametr Tavsif
speed Ixtiyoriy. Yashirish/ko‘rsatish effektining tezligini belgilaydi

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

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


O‘zingiz sinab ko‘ring — misollar

toggle() — speed parametridan foydalanish
Yashirish/ko‘rsatish effektining tezligini belgilash uchun speed parametridan qanday foydalanish mumkin.

toggle() — callback parametridan foydalanish
Yashirish/ko‘rsatish effekti o‘rtasida almashlab turishda callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!