Bezsensowne wypociny Michasia

Postanowiłem zrobić bardzo proste, rozwijane menu. Wyszedłem bowiem ze słusznego założenia, że jeśli czegoś w świecie WWW nie da się w zgrabny sposób stworzyć, należy z tego zrezygnować.

HTML zawiera zwyklą, zagnieżdżoną listę nienumerowaną. Główny element listy posiada ID. Pozostałe elementy nie zawierają.

JavaScript przypisuje odpowiednie klasy do elementów listy w zależności, czy kursor myszy znajduje się nad daną gałęzią.

Cały wygląd jest opisany w CSS.

Na chwilę obecną dysponuję czymś takim.
http://michas.eu/testmenu.html

Działa bardzo topornie. Muszę mocno przebudować CSS. Muszę też wymyślić, jak zgrabnie ustawić opóźnienie w ukrywaniu gałęzi. Pod przeglądarką Microsoftu działa jeszcze gorzej.

Rozważam też wersję z dynamicznie generowaną listą, a nie tylko stylowaną. Oczywiście owa dynamicznie generowana lista byłaby umieszczona w dokumencie html, a dopiero potem JavaScript odcinałaby zbędne gałęzie, a w razie potrzeby doczepiała na nowo. Cóż, to by chyba rozwiązało problem z brakiem opóźnień, ale spowodowałoby problem z ich nadmiarem.