Aloha ;)
Ich bin total frustriert darüber, wie hier - postiv formuliert - um die richtige Lösung gestritten wird, der Fragende aber dümmer herausgeht als er heringekommen ist.
Das kann ich gut verstehen!
Ich versuche mal, dich durch den Wirrwar zu führen. Mein Vorschlag für dich (bitte nur die jeweils einzelnen Postings, nicht die darauf folgenden Postings):
Wenn du verstehen willst, warum dein ursprüngliches Beispiel aus technischer Sicht nicht funktioniert hat, dann hier entlang.
Wenn du wissen willst, wie du solche Fehler in Zukunft leicht aufspürst, dann lies den ersten Absatz hier.
Wenn du wissen willst, warum eine Navigation heutzutage nicht mehr auf hover setzen sollte, und wie eine rein tastatur- und klickbedienbare Navigation aussehen könnte, hier entlang (Vorsicht: Felix' Vorschlag enthält recht viel sinnvolles, aber nicht ganz triviales Javascript - ganz ohne Javascript wirds aber sowieso nicht gehen).
Ich kann dir leider grad selbst kein Beispiel geben - alles was ich auf Lager hätte ist zwar klickbedienbar, aber nicht tastaturbedienbar (da wenig / nur optionales Javascript) - deshalb möchte ich dir dazu nicht explizit raten. Außerdem weiß ich schon was passiert, wenn ich das hier verlinke, dann arten die Diskussionen wieder aus. Das ist nicht in deinem Sinn, also lass ich das.
Im Wiki gibt es ein Tutorial, in dem ein Menü, wie du es suchst, zusammengebaut wird. Leider ist der Artikel noch nicht ganz vollständig, du solltest aber aus dem letzten darin zu findenden Live-Beispiel schon einiges sinnvolles ziehen können.
Marc ist sehr kompetent darin, zugängliche und gleichzeitig möglichst minimale Beispiele zu liefern. Ich würde an deiner Stelle also auch an diesem Angebot dranbleiben!
Grüße,
RIDER