Fragen zum CSS-Flyout-Menü
bearbeitet von Gunnar Bittersmann@@Gunnar Bittersmann
> Verwende die ebenfalls auf der Seite beschriebene Umsetzung mit Toggle-Button.
Aber nicht unbedingt so, wie dort beschrieben. Die dortige Umsetzung ist nicht DRY *(don’t repeat yourself)*{:@en}, sondern WET *(write everything twice)*{:@en}. Sie verwendet zwei Dinge, die exakt dasselbe tun: den Zustand des Buttons anzuzeigen.
- das `class`-Attribut `is-active` wird gesetzt bzw. gelöscht
- das `aria-expanded`-Attribut wechselt zwischen `"true"` und `"false"`
Das ist unsinning; eins genügt. Und das Eine ist das `aria-expanded`-Attribut.
Anstatt des Klassenselektors `.is-active`{:.language-css} – der in CSS auch nur eine verkürzte Schreibweise des Attributselektors `[class~="is-active"]`{:.language-css} ist – lässt sich zum Stylen der Attributselektor `[aria-expanded="true"]`{:.language-css} verwenden.
🖖 Живіть довго і процвітайте
{:@uk}
--
*When the power of love overcomes the love of power the world will know peace.*{:@en}
— Jimi Hendrix