jQuery اثرات - روش toggle()
مثال
وضعیت نمایش و مخفی کردن پاراگراف <p> را تغییر دهید:
$(".btn1").click(function(){
$("p").hide();
});
تعریف و استفاده
toggle() روشی است که وضعیت قابل مشاهده عناصر را تغییر می‌دهد.
اگر عناصر انتخاب شده قابل مشاهده باشند، این عناصر را مخفی کنید، اگر عناصر انتخاب شده مخفی باشند، آنها را نمایش دهید.
قانون‌گذاری
$(selector).toggle(speed,callback,switch)
| پارامترها | توضیح |
|---|---|
| speed |
اختیاری. تعیین می‌کند که عناصر از قابل مشاهده به مخفی و یا برعکس با چه سرعتی تغییر کنند. پیش‌فرض "0" است. ممکنه مقادیر:
در حالی که عناصر در حال تغییر از قابل مشاهده به مخفی هستند، ارتفاع، عرض، حاشیه‌های بیرونی و داخلی و شفافیت آنها به تدریج تغییر می‌کنند. اگر این پارامتر تنظیم شود، نمی‌توان از پارامتر switch استفاده کرد. |
| callback |
اختیاری. توابعی که پس از اجرای toggle باید اجرا شوند. برای یادگیری بیشتر در مورد callback، به فصل jQuery Callback ما مراجعه کنید. مگر اینکه پارامتر speed تنظیم شده باشد، نمی‌توان این پارامتر را تنظیم کرد. |
| switch |
اختیاری. مقادیر بولان. تعیین می‌کند که toggle آیا همه عناصر انتخاب شده را مخفی یا نمایش دهد.
اگر این پارامتر تنظیم شود، نمی‌توان از پارامترهای speed و callback استفاده کرد. |
توضیحات و اطلاعیه‌ها
توضیحات:این اثر برای عناصر مخفی شده توسط jQuery یا عناصری که در CSS با display:none مشخص شده‌اند (اما برای عناصر visibility:hidden مناسب نیست) مناسب است.
مثال‌های بیشتر
- از پارامتر speed استفاده کنید
- از پارامتر speed برای مخفی کردن و نمایش عناصر استفاده کنید.
- از پارامتر switch استفاده کنید
- همه پاراگراف‌های مخفی را با استفاده از پارامتر switch نمایش دهید.
