[CaKa]

Hey Leute,

ich schlag mich gerade mit jQuery rum, wollte mich schonmal damit auseinandersetzen und habe mir ein Buch gekauft das ich aber leider nicht greifbar habe, deswegen Frage ich hier.

Ich habe eine Liste die wiederum ein Dropdown Menü hat, neben dem eigentlichen Drop Down ist noch ein Bereich in dem zu jedem Dropdown Unterpunkt ein Text steht.


Hier als Bild:





Grundsätzlich würde ich es versuchen rein auf CSS Basis zu lösen, aber da ich die li schon relativ positioniere kann ich
den DIV nicht in beziehung mit dem Elternelement setzen.


Zudem soll sich das Menü wie folgt verhalten:

1. Mouseover auf ul-li -> Menü poppt auf, infobereich noch leer.
2. Mouseover über ul-li-ul-li -> passender infotext wird angezeigt
3. Mouseout -> infotext bleibt (!)
4. Mouseover anderes ul-li-ul-li -> passender infotext wird angezeigt


Ich habs mir jetzt mit halbwissen zusammengeschustert aber komme nicht wirklich weiter, das der infotext nicht ausgeblendet wird habe ich so realisiert, dass einfach immer nur fadeIn stattfindet - dann liegen die Elemente aber übereinander und das wird man im IE sicherlich sehen.

Also wie wäre die richtige Vorgehensweise? Gebt mir mal ein paar Begriffe die ich Googlen kann.

[zeji]

Nur ein Beispiel, pass es dir nach belieben an:

http://jsbin.com/adafac/1/

[ChrisKam]

Das mit mouseover zu lösen ist schlecht weil Touch-Geräte diese Funktionalität nicht bieten. Du solltest also wenigstens ein Fallback-anbieten, vielleicht klicks.

[pantonine]

[CaKa]

[pantonine]

War ja klar, dass Du nur auf den Fertigcode eingehst. Der nebenbei auch nur so mittelprächtig ist.

[ChrisKam]

Warum auf wertvolle Hinweise und Ratschläge eingehen, wenn man's mach auch schlecht machen kann