Problem bei dynamischem Menü ....

[ruffy-ruff]

Hallo ... ich bin sehr frisch in der JS-Programmierung ...

Ich benötige ein Menü das wie auf dem Bild folgendermaßen aussieht:
Hier der Link zum Bild

- Die Schaltflächen sind dunkelgrau und beim "hover"hellgrau.
- ein aktivierter Menüpunkt wird rot und öffnet sich nach unten (soll rot stehen bleiben, auch beim "hover")
- der Pfeil muss sich entsprechend drehen...

Habe schon folgendes zum Laufen gebracht: -> KLICK

Habe schon etliche stunden im netz nach entsprechenden scripten oder tipps gesucht aber leider nichts gefunden ...

hoffe ihr versteht mein anliegen

vielen dank schonmal ...

 

[Sven Mintel]

1. hast du ja schon
2. das Öffnen geht ja auch....ermittle beim Hovern, ob das Menu schon offen ist(Abfrage der display-Eigenschaft des dazugehörigen Submenues), und ändere die Hintergrundfarbe nur, wenn die display-Eigenschaft 'none' ist. Dazu musst du das hovern allerdings komplett mit JS erledigen.
3. ändere die src des Bildes mit dem Pfeil

 

[ruffy-ruff]

Danke erstmal ...

zu 2: wie kann ich das denn ermitteln, ob das menü aktiviert ist ?
zu 3: könnte das mit onClick machen, richtig ? und wie schließt sich dann der pfeil wieder ?

danke gruß

 

[Sven Mintel]

zu 2: ....hab ich doch geschrieben...wenn die display-Eigenschaft 'none' ist .... dann ist das Mnu nicht aktiv.

zu 3: indem du das src-Attribut des Bildes erneut änderst.