fadeToggle()

jQuery fadeToggle() metodi

❮ jQuery effekt metodlari

Misol

Turli qutilarni asta-sekin paydo qilish va yo‘qotish o‘rtasida almashlab turish:

$("button").click(function(){   $("#div1").fadeToggle(); });
O‘zingiz sinab ko‘ring »

Ta’rif va qo‘llanilishi

fadeToggle() metodi fadeIn() va fadeOut() metodlari o‘rtasida almashlab turadi.

Agar elementlar yo‘qotilgan (fade out) bo‘lsa, fadeToggle() ularni asta-sekin paydo qiladi.

Agar elementlar ko‘rinib turgan (fade in) bo‘lsa, fadeToggle() ularni asta-sekin yo‘qotadi.

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


Sintaksis

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

Parametr Tavsif
speed Ixtiyoriy. Fade effektining tezligini belgilaydi. Standart qiymati: 400 millisekund

Mumkin bo‘lgan qiymatlar:

  • millisekundlar
  • "slow"
  • "fast"
easing Ixtiyoriy. Effektning 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. fadeToggle() metodi tugagandan keyin bajariladigan funksiya

Callback funksiyasi haqida ko‘proq bilish uchun jQuery callback funksiyasi bobini o‘qing

O‘zingiz sinab ko‘ring — misollar

fadeToggle() — speed parametridan foydalanish
Fade effektining tezligini belgilash uchun speed parametridan qanday foydalanish mumkin.

fadeToggle() — callback parametridan foydalanish
fadeToggle() metodi tugagandan keyin funksiyani bajarish uchun callback parametridan qanday foydalanish mumkin.



❮ jQuery effekt metodlari

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!