Neue Möglichkeiten bei Menünavigationen

21.10.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.

ul {
  -w-add-data:'addbacktitle=1,animation=toggle';
Mit verlinkten Titel
Mit verlinkten Titel
ul {
  -w-add-data:'addbackparenttitle=1,addtitle=1,animation=toggle';
Mit verlinkten Titel des Elternpunktes und Titel
Mit verlinkten Titel des Elternpunktes und Titel

Zeigt ein Schließensymbol im Navigations-Layer an

ul {
  -w-add-data:'addcloser=1,animation=toggle';
Mit Schließensymbol
Mit Schließensymbol