Gunnar Bittersmann: CSS: Menue per Klick auf ein image aufklappen

Beitrag lesen

@@JürgenB

Das ist mit CSS allein nicht möglich. Du kannst dich gern unter https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/zugängliche_Dropdown-Navigation umschauen.

und wenn es nur um das Auf- und Zuklappen geht, reicht schon details/summary.

Nö. Das hat bei Tastaturbedienung zwei Fehler:

  • Das Menü schließt nicht bei [Esc].
  • Man bleibt nach dem letzen Menüpunkt nicht im Menü (focus trap) und gelangt zum ersten Menüpunkt, sondern springt raus

Javascript wird wegen der absoluten Positionierung für IEs und MS-Edge benötigt, und für ein wenig Komfort.

Auch um die o.g. Fehler zu beheben, bedarf es JavaScript.

Wenn denn details/summary überhaupt geeignet ist.

Das sollte schon mal in die richtige Richtung gehen: off-canvas menu, with focus trap

--
„Sag mir, wie Du Deine Maske trägst, und ich sage Dir, ob Du ein Idiot bist.“ —@Ann_Waeltin