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