Testeseite

Begriffe/Bezeichnungen:

  • Toggles = gesamtes Element
  • Item = einzelnes Akkordeon-Element (eines Toggles)

Info Linien:
Standardmässig hat jedes Item/Akkordeon eines Toggles eine Linie unten. Damit das Toggles-Element oben (beim ersten Item) auch eine Linie hat, kann diesem die CSS-Klasse „linieoben“ zugewiesen werden (siehe Toggles > Reiter „General“, Feld „CSS Class“)

Beispiel 1:
nur 1 Toggles-Element mit 4 Items

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Beispiel 2: 4 Toggles-Elemente mit je 1 Items, dazwischen je ein Anker-Element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget congue ex. Cras eleifend, metus id gravida eleifend, nulla odio aliquam velit, sit amet eleifend diam elit sed massa. Duis viverra metus in rhoncus sagittis. Vestibulum enim tortor, malesuada eget enim ac, dictum semper dui.