jQuery طريقة تأثير toggle()

طرق التأثير jQuery

طريقة toggle() فيhide()وshow()تبديل بين الطرق.

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

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

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

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

النحو:

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

مثال

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

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

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

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

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

$("button").click(function(){
　　$("div").toggle(1500, function(){
　　　　alert(\"toggle() تأثير تم اكماله!!!\
　　});
});

توليد حركة للجميع (في المثال أدناه للكلمات) لإخفاء/إظهار بسرعة، وتنفيذ كل تحريك في 200 ميليسي ثانية:

$("button").click(function(){
　　$("span:first-child").toggle("fast",　function(){
　　　　$(this).next().toggle("fast",　arguments.callee);
　　});
});

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

طرق التأثير jQuery