jQuery اثر - روش slideToggle()

jQuery اثر دستورالعمل

مثال

با استفاده از اثر اسکرول، حالت نمایش و مخفی کردن عناصر <p> را بین حالت‌های مختلف تغییر دهید:

$(".btn1").click(function(){
  $("p").slideToggle();
});

آزمایش شخصی

تعریف و نحوه استفاده

روش slideToggle() از اثر اسکرول (تغییر ارتفاع) برای تغییر حالت قابل مشاهده عنصر استفاده می‌کند.

اگر عنصر انتخاب شده قابل مشاهده باشد، این عناصر را مخفی کنید، اگر عنصر انتخاب شده مخفی باشد، آن‌ها را نمایش دهید.

نحوه استفاده

$().slideToggle(speed,callback)
پارامترها توضیح
speed

اختیاری. سرعت تغییر عنصر از مخفی به قابل مشاهده (یا برعکس) را تعیین کنید. پیش‌فرض "normal" است.

ممکن است:

  • میلی‌ثانیه (مثلاً 1500)
  • "slow"
  • "normal"
  • "fast"

در حالت تنظیم سرعت، در طول فرآیند تغییر، عنصر به تدریج ارتفاع خود را تغییر می‌دهد (این باعث ایجاد اثر اسکرول می‌شود).
callback

اختیاری. تابعی که پس از اجرای toggle باید اجرا شود.

برای یادگیری بیشتر در مورد callback، لطفاً به فصل jQuery Callback ما مراجعه کنید.

مگر اینکه پارامتر speed تنظیم شده باشد، نمی‌توان این پارامتر را تنظیم کرد.

توجه و توضیحات

توجه:اگر عنصر مخفی باشد، این اثر هیچ تغییری ایجاد نمی‌کند، مگر اینکه callback تعیین شده باشد.

مثال‌های بیشتر

از پارامتر speed استفاده کنید
از پارامتر speed برای تغییر نمایش و مخفی کردن عناصر با اسکرول استفاده کنید.

jQuery اثر دستورالعمل