Flyout-Menü mit Popover
Um Platz für Inhalte zu schaffen, soll die Navigation nur bei Bedarf eingeblendet werden. Deshalb erweitern wir unsere Navigation um einen Button.
- Nur HTML: Der Button ist direkt mit der Navigation verbunden (popovertarget). Ein Klick öffnet und schließt das Menü – ganz ohne JavaScript.
- HTML + CSS: Wie zuvor, aber mit verbessertem Layout und Animationen.hl.
- So entsteht ein zugängliches, interaktives Menü ganz ohne JavaScript.