Mehrere Dropdown-Menüs, ein jQuery-Skript

Question

Ich habe mit dem von den Skyrocket-Labs entwickelten JDIV Dropdown-Menü gespielt und von Peter Hinton verbessert.Es funktioniert gut für mehrere Menüs auf derselben Seite, solange Sie den Code mit verschiedenen Bezeichnern replizieren (# NAV1-Trigger # Hidden-Menu1, # Nav2-Trigger # Hidden-Nav2 usw.).

generasacodicetagpre.

Ich versuche, so zu sortieren, wie Sie den Code neu schreiben, sodass der numerische Wert des NAVX-verknüpften Navigs "Discover" deaktiviert ist und die entsprechenden Hidden-Navx-DIVS auslöst.

Answer 1

Hier ist eine Arbeit jsfiddle-Demo

Ich habe alle IDs entfernt, nur um anzuzeigen, wie einfach und gestreift sein Code und funktional sein kann, nur mit -Klätern . Kummer Sie können Ihre IDs rückgängig machen, wenn Sie sie verwenden müssen, aber alle unverändert bleiben.

Wenn Sie eine Erklärung zum Code benötigen, kann ich jede Zeile kommentieren.

Hier ist das neue / geänderte jquery:

generasacodicetagpre.

mit Kommentare

, um Ihnen beim Verständnis in wenigen Worten zu helfen: Wir fügen jedem "Li" automatisch eine gleiche benutzerdefinierte Klasse hinzu, und seine ordnungsgemäße "Dropdown" genannt: '.connectedn',
wo 'n' eine inkrementierte Anzahl ist.
Als wir nur sagen: Wenn der schwebende "Li" klasse "ist, bedeutet das, was bedeutet, dass wir gerade den 3. 'li' schwebt, und wir gehen den" .dropdown ", der dieselbe Klasse hat.

Answer 2

versuchen Sie

generasacodicetagpre.