دورة الويب المتقدم WEB2 الاخفاء و الاظهار على طريقة المحترفين (ثاني درس 02)

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

اذن نجهز كالعادة صفحتنا ،، اظن انكم وجدتم كود مختلف عن الذي رايناه في الدرس السابق ههه ،، اذن $(document).ready(-- # وصلة ممنوعة 1778 # --() { يمكنك تعويضعا فقط ب $(-- # وصلة ممنوعة 1778 # --() { نفس العمل يعني نختصرها احسن و افضل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان في محتوى الصفحة ننشاء رابط كما ترون نعطيه ايدي معين ثم ننشا ديڤ نعطيه ايدي كذلك ثم قلنا له في الستايل مخفي كقيمة افتراضية [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان نمر للجيوكيري [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اذن الان ركزوا معي هنا قلنا له عندما يضغط على الرابط الذي يحمل قيمة
الايدي افتح فانكشن جديدة و هته الفانشكن ما الذي ستقوم به ؟؟ قلنا لها
اظهري لنا الديڤ الذي كان مخفي بعد ثانية واحدة , بالمناسبة ثانية تعني
1000 , ثانيتين تعني 2000 ، نصف ثانية تعني 500 و هكذا دواليك و القيمة
الافتراضية ندعها فارغة او نعطيها 0000 يعني عند الضغط مباشرة يظهر الديڤ [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اذن بعدما تكونو قد جربتم النتيجة و رايتم حركة الاظهار تكونو قد
تساءلتم هل توجد فقط هته الحركة الجواب لا توجد العديد من الحركات و اهمها
هي slideDown و fadeIn و لتطبيقها سهلة فقط نمسح show و نعوضها باحدى هته
التي ذكرتها [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]و طبعا نعطيها الوقت المستغرق لاطهار الذيڤ بتلك الحركة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان امر الى الاخفاء ،، الاخفاء حالة كحال الاظهار يعني يكون ذيڤ ظاهر
عكس الان يعني لا نعطيه ستايل مخفي يعني يكون ظاهر في الصفحة و نقول له عن
الصغط على الرابط الذي يحمل الايدي كذا اخفي الديڤ الذي يحمل الايدي كذا [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اخفاء ديڤ سيكون التطبيق الذي ستقومون به لاعرف ما اذا تم استيعاب الدرس [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان ستقولون لي مذا لو اردت انا استعمال الكلاس عوض الديڤ جميل يعني
عوض ان اقول عندما يضغط على الايدي كذا اقول له عندما يضغط على الكلاس كذا
،، ممتاز
اذن في حالة ما اردت التعامل بالكلاسات كل ما عليك هو استبدال الرمز # ب نقطة (.) و التي تعني الكلاس

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

و اخيرا و ليس آخرا ههه توجد طريقة للاخفاء و الاظهار مباشرة و هي toggle

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اذن جربوها و سترون ان عند الضغط في المرة الاولى سيظهر لكم الديڤ
المخفي اضغطو مرة اخرى على نفس الرابط سيقوم باخفاءه ،، اليست جميلة
الجيكويري هته [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

اذن غدا معا الصباح 8:00 التمارين ديال الاخفاء يكونو فوق البيرو هههه
نلتقي شباب في الدرس الثالث بحول الله [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]