jQuery تأثير - دالة toggle()

jQuery تأثير دليل

مثال

تغيير حالة العرض والاخفاء للعنصر <p>:

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

تجربة شخصية

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

يغير دالة toggle حالة الظهور للعناصر.

إذا كانت العناصر المحددة مرئية، فإنها تخفي هذه العناصر، وإذا كانت مخفية، فإنها تظهرها.

القواعد

$(selector).toggle(speed,callback,switch)
المعامل الوصف
speed

اختياري. يحدد السرعة التي يتغير فيها العنصر من الحالة المرئية إلى المخفية (أو العكس). القيمة الافتراضية هي "0".

القيم الممكنة:

  • ألفا ثانية (مثل 1500)
  • "slow"
  • "normal"
  • "fast"

عند تعيين السرعة، يتحول العنصر من الحالة المرئية إلى المخفية بشكل تدريجي، ويغير طوله وعرضه والهوامش الخارجية والداخلية وشفافيته.

إذا تم تعيين هذا المعامل، فإنه لا يمكن استخدام معامل switch.
callback

اختياري. الدالة التي يجب تنفيذها بعد تنفيذ دالة toggle.

للتعرف على المزيد حول callback، يرجى زيارة فصل jQuery Callback الخاص بنا.

لا يمكن تعيين هذا المعامل إلا إذا تم تعيين معامل speed.
switch

اختياري. قيمة بولية. يحدد ما إذا كان toggle سيخفي أو يظهر جميع العناصر المحددة.

  • True - عرض جميع العناصر
  • False - اخفاء جميع العناصر

إذا تم تعيين هذا المعامل، فإنه لا يمكن استخدام معاملات speed و callback.

النصائح والتعليقات

ملاحظة:يعمل هذا التأثير على العناصر المخفية باستخدام jQuery، أو العناصر المعلن عنها في CSS كـ display:none (وليس العناصر المعلن عنها كـ visibility:hidden).

مزيد من الأمثلة

استخدام معامل speed
استخدام معامل speed لاخفاء وإظهار العناصر.
استخدام معامل switch
استخدام معامل switch لعرض جميع الفقرات المخفية.

jQuery تأثير دليل