jQuery Effects - Hide and Show
ستتعلم في هذا الدرس اظهار واخفاء اي HTML Elements بداخل صغحة الويب عن طريق مكتبة ال jQuery
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
jQuery Effects - Hide and Show
</> Panel
Result
Hide/Show
يظهر الكود بهذا الشكل على المتصفح
</> jQuery Effects - Hide and Show
عن طريق ال jQuery يمكنك اخفاء واظهار ال HTML Elements باستخدام hide و show methods
Syntax:
$(selector).hide(speed,callback); $(selector).show(speed,callback);
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
بداخل ال hide-show يمكنك وضع parameter اضافي وهو سرعة اخفاء او اظهار ال Element يمكنك تسريع الحركه او تبطيئها في فترة زمنية تكتب بال milliseconds
وهذا ال parameter اختياري يمكنك استخدامة مع بعض ال Elements او الاستغناء
$("button").click(function(){
$("p").hide(1000);
});
</> jQuery toggle
يمكنك استخدام ال toggle للتبديل في اظهار واخفاء ال Element كأختصار ال hide وال show
$("button").click(function(){
$("p").toggle();
});
يمكنك ايضاً استخدام الفترة الزمنية باضافة ال speed parameter لتصبح ال toggle بهذا الشكل
$(selector).toggle(speed,callback);
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعلم البرمجة. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة. نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي، لذا فإننا نركز على التعلم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن. هذه الخبرة ننقلها لك تحت إشراف مهندسين العباقرة عملوا في أكبر الشركات العربية والعالمية في مجال البرمجة. مهمتنا ليست فقط تعليم البرمجة، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
