English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

مетод slideToggle() الخاص بـ jQuery

طرق التأثير جـ jQuery

طريقة slideToggle() فيslideUp()وslideDown()تبديل بين الطرق.

هذه الطريقة تتحقق من مرئية العنصر المحدد:

  • إذا كان العنصر مظاهراً في البداية، سيتم إخفاءه

  • إذا كان العنصر مخفياً في البداية، سيتم عرضه

ملاحظة:العناصر المخفية لن تؤثر على تصميم الصفحة.

النص:

$(selector).slideToggle(duration, easing, callback)

مثال

تغيير بين تحريك جميع عناصر <p> لأعلى وأسفل عند النقر على الزر:

$("button").click(function(){
  $("p").slideToggle();
});
التحقق من ذلك‹/›

استخدامdurationالإعدادات:

$("button").click(function(){
  $("p").slideToggle(1500);
});
التحقق من ذلك‹/›

استخدامcallbackالإعدادات:

$("button").click(function(){
  $("div").slideToggle(1500, function() {}})
    alert("تم اكتمال تأثير التحريك!!!");
  });
});
التحقق من ذلك‹/›

استخدام وقت التأثير البطيء و السلسلة الحادة لتشغيل جميع “ .panel”

$("#my-Div").click(function() {
  $(".panel").slideToggle("slow", “linear”);
});
التحقق من ذلك‹/›

قيمة المعلمات

المعلماتوصف
durationاختياري) تحديد مدة استمرار تأثير التحريك. القيمة المسبقة هي 400 ألفا ثانية

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

  • ألفا ثانية (مثل 100، 500، 2000 وما إلى ذلك)

  • “fast”

  • “slow”

easingاختياري) سلسلة من الأحرف، تُحدد سرعة عنصر في مراحل مختلفة من التحريك. القيمة الافتراضية هي“ swing”

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

  • “swing”-تحريك ببطء عند البداية والنهاية، وبسرعة عند الوسط

  • “linear”-تحريك بسرعة ثابتة

callbackاختياري) عند اكتمال طريقة slideToggle()، سيتم استدعاء هذه الوظيفة مرة واحدة لكل عنصر مختار

طرق التأثير جـ jQuery