Unlösbar ohne JavaScript? Transitions können das nicht!

[Matthias Apsel]

Om nah hoo pez nyeetz, Felix Riesterer!

Abhilfe schafft der Selektor #navigation-hover:hover li ul, der alle Unterlisten selektiert, auch die gerade gehoverte. Hier kann ich nun eine sofort wirksame Animation definieren, damit die nicht mehr gültigen Unterlisten sofort verschwinden. Für die jetzt einzublendende Unterliste gilt der Selektor mit der höheren Spezifität: #navigation-hover li:hover ul.

<klugscheiß>
  Die beiden Selektoren enthalten je 1 ID, 2 Elemente, 1 Pseudoklasse …
</klugscheiß>

Einzig das Aufklappen der unsichtbaren Unterlisten stört, die unbeabsichtigt gehovert werden. Das sieht man auch an den Scrollbars, die nur dann erscheinen, wenn man gerade überhaupt die Navi hovert. Brauche ich denn noch weitere Animationen? Etwa zu width und height? Oder womit werden die unsichtbaren Unterlisten nicht mehr hoverbar? Also doch ein margin-left:-9999px?

Kann man sich das irgendwo anschauen?

Matthias