مетод toggle() - رویدادهای jQuery

دستورالعمل مرجع رویداد jQuery

مثال

تغییر رنگ‌های پس‌زمینه مختلف:

$("p").toggle(
  function(){
  بک‌گرند رنگ بدنه را به سبز تغییر دهید؛
  function(){
  $("body").css("background-color","red");}
  function(){
  $("body").css("background-color","yellow");}
);

آزمایش کنید

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

toggle() روشی برای بستن دو یا بیشتر تابع به رویداد کلیک متناوب در عناصر انتخاب شده است.

این روش همچنین می‌تواند برای تغییر عناصر انتخاب شده استفاده شود. hide() و show() روش.

بستن دو یا بیشتر تابع به رویداد Toggle

در بین دو یا بیشتر تابع، تغییر در هنگام کلیک بر روی عنصر مشخص شده.

اگر دو یا بیشتر تابع مشخص شده باشد، toggle() روشی برای تغییر همه توابع را فراهم می‌کند. به عنوان مثال، اگر سه تابع وجود داشته باشد، اولین کلیک اولین تابع را فراخوانی می‌کند، دومین کلیک دومین تابع را فراخوانی می‌کند، سومین کلیک سومین تابع را فراخوانی می‌کند. چهارمین کلیک دوباره اولین تابع را فراخوانی می‌کند و به همین ترتیب.

نحوه استفاده

$(selector).toggle(function1(),function2(),functionN(),...)

آزمایش کنید

پارامترها توضیحات
function1() ضروری. تابعی که باید در هر بار غیر از تعداد دومین کلیک اجرا شود.
function2() ضروری. تابعی که باید در هر بار غیر از تعداد اولین کلیک اجرا شود.
functionN(),... اختیاری. مشخص می‌کند که کدام تابع‌های دیگر باید تغییر کنند.

تغییر Hide() و Show()

بررسی اینکه هر عنصر قابل مشاهده است یا خیر.

اگر عنصر پنهان شده باشد، show() اجرا می‌شود. اگر عنصر قابل مشاهده باشد، hide() اجرا می‌شود. این امکان را فراهم می‌کند تا اثرات تغییر وضعیت ایجاد شود.

نحوه استفاده

$(selector).toggle(speed,callback)

آزمایش کنید

پارامترها توضیحات
speed

اختیاری. مشخص می‌کند که سرعت نمایش/پنهان کردن اثرات چگونه باشد. پیش‌فرض "0" است.

ممکن‌ترین مقادیر:

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

اختیاری. تابعی که پس از تکمیل toggle() اجرا می‌شود.

برای یادگیری بیشتر در مورد callback، لطفاً وب‌سایت ما را访问 کنید آموزش Callback Function。

نمایش یا پنهان کردن عناصر

مشخص می‌کند که آیا فقط باید عناصر تطابق یافته نمایش داده شوند یا نه.

نحوه استفاده

$(selector).toggle(switch)

آزمایش کنید

پارامترها توضیحات
switch

ضروری. مقدار بولان، که toggle() باید فقط عناصر انتخاب شده را نمایش دهد یا نه را مشخص کند.

  • true - نمایش عناصر
  • false - پنهان کردن عناصر

دستورالعمل مرجع رویداد jQuery