jQuery - طريقة slideToggle()

مثال

تتبدل بين الحالة المرئية والخفية للعنصر <p> باستخدام تأثير السحب:

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

تجربة شخصية

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

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

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

النص

$().slideToggle(speed,callback)
المعامل الوصف
speed

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

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

  • مليون ثانية (مثل 1500)
  • "بطيء
  • "عادي
  • "سرع

عند تعيين السرعة، يتحرك العنصر ببطء أثناء التبديل، مما يخلق تأثير سحب.

callback

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

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

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

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

نصيحة:إذا كان العنصر مخفيًا، فإن هذا التأثير لا يحدث أي تغيير، ما لم يُحدد دالة callback.

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

استخدام معامل speed
استخدام معامل speed لتبديل عرض وتخفيض العناصر بشكل سريع.