Accordion

Gebruik een accordion voor veelgestelde vragen of informatie die niet direct op de pagina zichtbaar hoeft te zijn. Zo kan een bezoeker de koppen scannen en zelf bepalen om wel of niet verder te lezen.

Hoe gebruik ik een accordion?

Do's

  • Stel de accordion altijd in op 2/3 van de pagina.
  • Plaats de vraag of het onderwerp in de 'Heading'.
  • Plaats het antwoord of de rest van de informatie in de 'Content'.
  • Dit is een voorbeeld van een accordion

    Een accordion kun je gebruiken voor veelgestelde vragen of voor informatie die niet direct zichtbaar hoeft te zijn op de pagina.

  • Plaats de accordion altijd op 2/3 breedte van de pagina

    Gebruik nooit de volledige breedte van een pagina, maar altijd 2/3.

Dont's

  • Zet geen informatie in een accordion die voor de bezoeker direct relevant is. Dit zorgt voor een onnodige extra klik voor de bezoeker.
  • Gebruik nooit twee of meer accordion-items naast elkaar.
  • Gebruik altijd relevante en gerelateerde kopjes en teksten.
  • Gebruik nooit linkjes in de kopjes van een accordion-item.
  • Plaats geen content naast een accordion. Zorg voor duidelijke focus op de pagina.
  • Lorem ipsum
    Morbi viverra consectetur neque nec rutrum. Maecenas vulputate erat lacus, vel facilisis est sodales efficitur.
  • Lorem ipsum

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia lorem a pulvinar sagittis.u ontvangt binnen 5 dagen een reactie

  • Lorem ipsum dolor
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia lorem a pulvinar sagittis.
  • Adres

    Lorum ipsum

    Morbi viverra consectetur neque nec rutrum. Maecenas vulputate erat lacus, vel facilisis est sodales efficitur.

    Lorum ipsum

    Morbi viverra consectetur neque nec rutrum. Maecenas vulputate erat lacus, vel facilisis est sodales efficitur.

CMS instellingen

  • Je vindt het accordion component onder 'Composites' in de toolbox.
  • Bewerk de titel en de inhoud van de accordion in het component zelf.
  • Wil je een item toevoegen? Klik op een bestaand item en vervolgens voeg je met het '+'-teken een nieuw item toe. 

X
Wij gebruiken cookies om uw website-ervaring te verbeteren. Als u op akkoord klikt, dan gebruiken wij cookies voor de werking van de website, statistieken, social media en online marketing.
Weigeren
Akkoord