Neue Möglichkeiten bei Menünavigationen

21. Okt 2019

Neben einer neuen Variante, lassen sich die Layer von Menünavigationen nun um weitere Elemente erweitern.

Mit der mehrstufigen Menünavigation unterstützt die navigation.js nun auch zusätzliche Navigationselemente, um innerhalb der Layer zu navigieren und um den aktuellen Navigationspunkt anzuzeigen. Diese erweiterten Navigationselemente lassen sich pro Layer über CSS-Only als Datenattribute innerhalb des UL-Selektors ergänzen. Die folgenden Beispiele zeigen einige Kombinationen zum Erweitern der Layer.

Zeigt den Titel des ausgewählten Navigationspunktes mit Zurücklink an

ul {
  -w-add-data:'addbacktitle=1,animation=toggle';

Zeigt den Titel des ausgewählten Navigationspunktes und den Titel des Elternpunktes mit Zurücklink an

ul {
  -w-add-data:'addbackparenttitle=1,addtitle=1,animation=toggle';

Mit verlinkten Titel des Elternpunktes und Titel

Zeigt ein Schließensymbol im Navigations-Layer an

ul {
  -w-add-data:'addcloser=1,animation=toggle';