مسج اجتياز ورمز بسيط؟

Question

حسنا، قبل أن أسأل هذا السؤال.اسمحوا لي أن أشرح هدفي: أريد أن أكتب كأقل قدر ممكن من الكود، ولا يزال قادرا على الحصول على الكثير من الوظائف في نفس الوقت.لقد صاغت هذا ك "رمز جميل" لنفسي وزملاء.

ها هي المشكلة: أريد النقر فوق مربع، ولوحة تتلاشى في المحتوى المطلوب استنادا إلى المربع الذي قمت بالنقر فوقه.باستثناء أنني غير قادر على استخدام فئتين ولا يمكن إعادة استخدام المعرف.

إليك الرمز: http://jsfiddle.net/2yr67/

giveacodicetagpre.

كان لدي أفكارا من شأنها أن ترضي لي.

a) لديك لوحة واحدة تتلاشى، ومحتوى ملء اللوحة بناء على المربع "Maingrid" الذي كان "انقر" ب) لديك لوحة محددة مع يتلاشى المحتوى، بناء على "maingrid" تم اختيار

أنا لا أطلب منك القيام بذلك بالنسبة لي، ببساطة دفعني نحو بناء الجملة اللازمة للقيام بما أريد

شكرا مقدما!

Answer 1

أول شيء يجب القيام به هو نقل عناصر HTML الخاصة بجانبك أقرب إلى عناصر Maingrid.هذا يسمح لك بإخفاء / إظهار العناصر الصحيحة بالترتيب.إن امتلاك جميع الألواح في عناصر منفصلة خاصة بهم يجعلك يجب أن لا يجب أن يحتاج التلاعب في DOM.بالنسبة للبساطة، أضع كل لوحة مباشرة بعد العنصر Maingrid الذي ارتبط به.

هيكل HTML

giveacodicetagpre.

أضفت فئة اللوحة للحصول على نفس CSS كما Maingrid، وكذلك جعلها غير مرئية في البداية:

giveacodicetagpre.

سوف تتلاشى هذا النقر الذي تم النقر عليه وتتلاشى في عنصر اللوحة التالي.

giveacodicetagpre.

يبدو أن هناك أيضا خطأ حيث لا يظهر التحريك النص في الحدث المرحوم الأول.

jsfiddle: http://jsfiddle.net/mdjfe/