Soms bevat een pagina diverse onderwerpen die veel tekst bevatten, het is dan handig om deze onderwerpen in te kunnen klappen en uit te kunnen klappen.
Werking
- Voeg het accordeon blok toe
- Voer een Titel in
- Vul de Content met de tekst die in het blok moet komen te staan
- Voer bij Anchor de titel in zonder spaties (vervang de spatie voor een – teken) en vreemde tekens.
- Je kunt deze vervolgens gebruiken door achter de URL # met het onderwerp te plakken; bijvoorbeeld: https://inclusiontheme.io/blokken/accordeon/#accordeon-1
- Wanneer je een extra accordeon item wilt toevoegen klik je op de knop nieuwe regel of op het + icoon wat verschijnt als je over het accordeon-item gaat met je muis.
- Een regel verwijderen doe je met het – icoon
Voorbeeld accordeon blok
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra convallis posuere morbi leo urna. Faucibus nisl tincidunt eget nullam non. Nunc mi ipsum faucibus vitae aliquet nec. Integer malesuada nunc vel risus commodo. Aenean pharetra magna ac placerat vestibulum lectus mauris. Libero enim sed faucibus turpis in eu mi bibendum neque. Lorem donec massa sapien faucibus. Porttitor massa id neque aliquam vestibulum morbi. Cursus mattis molestie a iaculis at erat. Venenatis cras sed felis eget. Habitant morbi tristique senectus et netus et malesuada. Eros donec ac odio tempor orci dapibus ultrices. Enim blandit volutpat maecenas volutpat blandit aliquam.
Lobortis mattis aliquam faucibus purus in massa. Nisi quis eleifend quam adipiscing vitae proin sagittis. Etiam dignissim diam quis enim lobortis scelerisque. Orci sagittis eu volutpat odio facilisis mauris sit. Aliquet nec ullamcorper sit amet risus nullam. Turpis massa tincidunt dui ut ornare lectus sit amet. Turpis massa sed elementum tempus egestas sed sed. Tristique senectus et netus et malesuada fames ac. Pretium fusce id velit ut tortor pretium viverra suspendisse potenti. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Vitae nunc sed velit dignissim sodales. Ultrices vitae auctor eu augue ut lectus arcu. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Enim neque volutpat ac tincidunt vitae semper quis lectus nulla. Consequat ac felis donec et odio. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Non nisi est sit amet facilisis magna.
Vivamus arcu felis bibendum ut tristique et. Quis eleifend quam adipiscing vitae proin sagittis nisl. Dolor purus non enim praesent elementum facilisis leo vel. Tincidunt tortor aliquam nulla facilisi. Vel facilisis volutpat est velit egestas dui id ornare arcu. Lectus quam id leo in vitae turpis massa sed elementum. Neque viverra justo nec ultrices dui sapien eget. Quis hendrerit dolor magna eget est lorem ipsum dolor. Tristique senectus et netus et. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Adipiscing elit duis tristique sollicitudin nibh sit amet. In hendrerit gravida rutrum quisque non. Vel eros donec ac odio tempor orci. Magna eget est lorem ipsum dolor sit amet consectetur adipiscing. Eu mi bibendum neque egestas congue quisque. Enim tortor at auctor urna. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. Aliquet nec ullamcorper sit amet risus nullam eget felis eget.
Auctor augue mauris augue neque gravida in fermentum et sollicitudin. Nulla pharetra diam sit amet. Neque aliquam vestibulum morbi blandit. Tellus molestie nunc non blandit massa. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Nisl nisi scelerisque eu ultrices vitae auctor eu. Pellentesque massa placerat duis ultricies. Diam vel quam elementum pulvinar etiam non quam lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Quis lectus nulla at volutpat diam ut venenatis tellus. Arcu felis bibendum ut tristique et egestas quis. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Adipiscing commodo elit at imperdiet dui accumsan sit amet.
Dolor sit amet consectetur adipiscing elit ut aliquam purus. Ornare suspendisse sed nisi lacus sed viverra tellus. Massa tincidunt dui ut ornare lectus sit amet est placerat. Eget magna fermentum iaculis eu. Et netus et malesuada fames ac turpis egestas. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Diam maecenas ultricies mi eget mauris. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra convallis posuere morbi leo urna. Faucibus nisl tincidunt eget nullam non. Nunc mi ipsum faucibus vitae aliquet nec. Integer malesuada nunc vel risus commodo. Aenean pharetra magna ac placerat vestibulum lectus mauris. Libero enim sed faucibus turpis in eu mi bibendum neque. Lorem donec massa sapien faucibus. Porttitor massa id neque aliquam vestibulum morbi. Cursus mattis molestie a iaculis at erat. Venenatis cras sed felis eget. Habitant morbi tristique senectus et netus et malesuada. Eros donec ac odio tempor orci dapibus ultrices. Enim blandit volutpat maecenas volutpat blandit aliquam.
Lobortis mattis aliquam faucibus purus in massa. Nisi quis eleifend quam adipiscing vitae proin sagittis. Etiam dignissim diam quis enim lobortis scelerisque. Orci sagittis eu volutpat odio facilisis mauris sit. Aliquet nec ullamcorper sit amet risus nullam. Turpis massa tincidunt dui ut ornare lectus sit amet. Turpis massa sed elementum tempus egestas sed sed. Tristique senectus et netus et malesuada fames ac. Pretium fusce id velit ut tortor pretium viverra suspendisse potenti. Lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt ornare. Vitae nunc sed velit dignissim sodales. Ultrices vitae auctor eu augue ut lectus arcu. Vitae elementum curabitur vitae nunc sed velit dignissim sodales. Enim neque volutpat ac tincidunt vitae semper quis lectus nulla. Consequat ac felis donec et odio. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Non nisi est sit amet facilisis magna.
Vivamus arcu felis bibendum ut tristique et. Quis eleifend quam adipiscing vitae proin sagittis nisl. Dolor purus non enim praesent elementum facilisis leo vel. Tincidunt tortor aliquam nulla facilisi. Vel facilisis volutpat est velit egestas dui id ornare arcu. Lectus quam id leo in vitae turpis massa sed elementum. Neque viverra justo nec ultrices dui sapien eget. Quis hendrerit dolor magna eget est lorem ipsum dolor. Tristique senectus et netus et. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Adipiscing elit duis tristique sollicitudin nibh sit amet. In hendrerit gravida rutrum quisque non. Vel eros donec ac odio tempor orci. Magna eget est lorem ipsum dolor sit amet consectetur adipiscing. Eu mi bibendum neque egestas congue quisque. Enim tortor at auctor urna. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. Aliquet nec ullamcorper sit amet risus nullam eget felis eget.
Auctor augue mauris augue neque gravida in fermentum et sollicitudin. Nulla pharetra diam sit amet. Neque aliquam vestibulum morbi blandit. Tellus molestie nunc non blandit massa. Pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Nisl nisi scelerisque eu ultrices vitae auctor eu. Pellentesque massa placerat duis ultricies. Diam vel quam elementum pulvinar etiam non quam lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Quis lectus nulla at volutpat diam ut venenatis tellus. Arcu felis bibendum ut tristique et egestas quis. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Adipiscing commodo elit at imperdiet dui accumsan sit amet.
Dolor sit amet consectetur adipiscing elit ut aliquam purus. Ornare suspendisse sed nisi lacus sed viverra tellus. Massa tincidunt dui ut ornare lectus sit amet est placerat. Eget magna fermentum iaculis eu. Et netus et malesuada fames ac turpis egestas. Morbi blandit cursus risus at ultrices mi tempus imperdiet. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Et pharetra pharetra massa massa ultricies mi quis hendrerit dolor. Diam maecenas ultricies mi eget mauris. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus.