دورة الجيكويري - الدرس 6 - شرح toggle


بسم الله الرحمن الرحيم
اليوم إن شاء الله تعالى سنتعرف على .toggle()
دوها هو اخفاء واظهار الأحداث وهي تشبه
fadeIn & fadeOut & show & hide
قبل البدأ أحب التنويه إلى أنه مكتبة الجيكويري حساسة لحالة الأحرف لهذا أكتبوا الأكواد كما هي ..
لنبدأ بـمثال كالعادة وليكن التالي :


لنقم بتحليل الوثيقة كالعادة ..
قمنا بوضع استايل لـ div ولا يحتاج إلى شرح



ثم قمنا باستدعاء مكتبة الجيكويري الخاصة بنا وأنا منزلها على السيرفر الشخصي



ثم قمنا بكتابة أوامر سكربتنا بالطريقة المعهودة وهذا هو لب الدرس ..
اضن إنكم تعودتم على رؤية السكربت وأصبحتم تعرفون كل شيء عن السكربت تقريبا
لهذا سأكتفي بشرح سطحي وهو كالتالي أننا عند الضغط على زر البوطن المرة الأولى سيختفي div
وبعد الضغط للمرة الثانية سيظهر من جديد div كل ضغطة يتم تنفيذ التأثير في ظرف ثانية واحدة
وطبعا يمكنك زيادة الوقت أو نقصانه حسب رغبتك


الآن لم يتبقى سوى تطبيق السكربت ..


في الختام أحبابي في الله أتمنى صادقا دعوة صالحة لي ولوالدي
واراكم في الدرس المقبل إن شاء الله تعالى
محبكم محمد طه






اضغط على السمايل للحصول على الكود: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP