Accordions
Trin 1
- Stå på den indholdsside, hvor du vil sætte content elementet ind.
- Tryk på ‘+ Create new content’.
- Vælg ‘Accordions’ under fanen ‘Interactive’.
Trin 2
- Giv din accordion en titel under fanen ‘General’ og vælg, om titlen skal være synlig i frontend eller ej.
- Tryk på ‘+ Add accordion item’ for hvert accordion item, der skal være i content elementet.
Trin 3
Under fanen ‘Accordion options’ skal du tage stilling til felterne:
- ‘Accordion style’: Hvilken stil skal accordionen have? Vælg mellem:
- ‘Normal accordion’: Alle accordion items er samlet og viser kun en overskrift.
- ‘Semi collapse accordion’: Alle accordion items er delt op og viser en smule af teksten fra det enkelte item.
- ‘Allow either one of more accordions to be open at the same time’: Vælg, om kun et eller flere accordion items kan være åbne på samme tid.
- ‘Select accordion to be open by default’: Vælg om en af dine accordion items skal være åbnet automatisk, når brugeren åbner siden. Default er, at alle er lukkede fra starten.
- OBS: Du kan først vælge dette, når du har lavet alle de accordion items, der skal være i content elementet.
Trin 4
For hvert accordion item skal du udfylde:
- ‘Accordion item title’: Giv dit accordion item en overskrift. Den tæller som en H2-overskrift.
- 'Accordion item text: Skriv den brødtekst, der skal stå i dit accordion item.
Hvis du har brug for underoverskrifter i dit accordion item, kan du vælge H3-H5. Husk at følge hierarkiet for overskrifter.
Læs mere i vejledningen “Sprog og tekst på web” omkring brugen af overskrifter generelt
Eksempel på almindelige accordions
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.
Eksempel på semi collapsed accordions
Semi collapsed accordion 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.
Semi collapsed accordion 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui.