Gunnar Bittersmann: akkordeon mit details->summary: zusätzlicher "close"-button mit CSS möglich?

Beitrag lesen

@@michaah

eine JS Lösung, was für mich ein no-go ist.

Warum das denn??

Wäre das mit CSS möglich?

Njein.

Zuerst dachte ich an ein Pseudo-Element in summary, das bei geöffneten Details unten plaziert wird. Wenn man auf das Pseudoelement clickt, kommt das beim summary-Element an, da das Pseudoelement strukturell darin liegt.

Blöd: Per Tastatur ist das Pseudoelement nicht erreichbar. Meh.

Statt des Pseudoelements kann man auch einen richtigen Button ins in summary-Element packen.

Blöd: Der Button kommt in der Tab-Reihenfolge gleich nach dem summary-Element, noch vor den Links in den Details. Meh.

Die beste Lösung ist, den Button nach unten ans Ende der details zu packen (wo er ja visuell auch sein soll) und die Funktion mit JavaScript zu implementieren.

😷 LLAP

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