jQuery toggle () طريقة

❮ طرق تأثير jQuery

مثال

التبديل بين الإخفاء والعرض لجميع عناصر <p>:

$("button").click(function(){
  $("p").toggle();
});

التعريف والاستخدام

تقوم طريقة التبديل () بالتبديل بين إخفاء () وإظهار () للعناصر المحددة.

تتحقق هذه الطريقة من العناصر المحددة للرؤية. تظهر () إذا كان العنصر مخفيًا. يتم تشغيل hide () إذا كان العنصر مرئيًا - يؤدي ذلك إلى إنشاء تأثير تبديل.

ملاحظة : لن يتم عرض العناصر المخفية على الإطلاق (لن تؤثر على تخطيط الصفحة).

نصيحة: يمكن أيضًا استخدام هذه الطريقة للتبديل بين الوظائف المخصصة.


بناء الجملة

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

Parameter Description
speed Optional. Specifies the speed of the hide/show effect

Possible values:

  • milliseconds
  • "slow"
  • "fast"
easing Optional. Specifies the speed of the element in different points of the animation. Default value is "swing"

Possible values:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Tip: More easing functions are available in external plugins
callback Optional. A function to be executed after the toggle() method is completed

To learn more about callback, visit our jQuery Callback chapter


جربها بنفسك - أمثلة


كيفية استخدام معلمة السرعة لتحديد سرعة تأثير الإخفاء / العرض.


كيفية استخدام معامل رد الاتصال عند التبديل بين تأثير الإخفاء / العرض.


❮ طرق تأثير jQuery