القوائم المنسدلة متعددة، سيناريو مسج واحد

Question

كنت ألعب مع قائمة JDIV المنسدلة التي طورتها مختبرات Skyrocket وتحسينها بيتر هينتون.إنه يعمل بشكل جيد بالنسبة للقوائم المتعددة على نفس الصفحة، طالما أنك تكرار الرمز باستخدام معرفات مختلفة (# NAV1 المشغلات # المخفية-menu1، # Nav2 المشغلات # Hidden-Nav2، إلخ).

giveacodicetagpre.

أحاول فرز كيفية إعادة كتابة التعليمات البرمجية بحيث يمكنه "اكتشاف" القيمة العددية لل NAVX مرتبطة وتحريك Divs المخفي المناسبة.

Answer 1

هنا هو العمل
jsfiddle التجريبي

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

إذا كنت بحاجة إلى شرح حول الرمز، يمكنني التعليق على كل سطر.

هنا هو JQuery الجديد / تغيير:

giveacodicetagpre.

مع تعليقات

لمساعدتك على فهمها في عدد قليل من الكلمات: نضيف تلقائيا بنفس الفئة المخصصة لكل "Li" و "المنسدلة" التي تسمى ".Connectedn"،
حيث "n" هو رقم زيادة.
> ما نقول فقط: إذا كان "Li" المحوم هو الفصل "، فهذا يعني أننا قد حومنا فقط" LI "، وسوف نذهب لفتح" .DROPDOWN "التي لها نفس الفئة.

Answer 2

حاول

giveacodicetagpre.