Accordions

Accordions can be a great way to tighten up related copy like FAQs that scroll endlessly. These stackable accordions are very flexible and offer unlimited stacking. Combine these with multicolumn displays, adjust the padding, and created seamless content.

Accordions include:

Adjustable widths
Rich text area that supports images, videos, etc.
Multiple color options for background, trigger bar and open accordion backdrop
Multiple color options for fonts in the copy and trigger bar - that automatically create dark or light "+" controls
Minimal padding for the best content flow. To add more padding at the top or bottom of the stack, use the spacer block.
Unlimited accordions

Here's what we are building:

Ask a simple question with an accordion

Nam viverra, felis eu finibus ornare, orci tortor mattis mauris, sit amet fermentum orci ex nec nulla. Fusce eu cursus nibh. Phasellus feugiat eleifend urna vitae eleifend. Donec orci ante, finibus a justo sit amet, aliquet cursus justo. Maecenas efficitur arcu eget facilisis ornare.

Cras a diam ac turpis consectetur semper. Vestibulum ultricies, justo id hendrerit luctus, turpis diam hendrerit libero, at imperdiet orci lectus venenatis massa. Sed in nibh finibus, rhoncus mauris vel, pretium ipsum. Sed consequat consequat iaculis. Sed ornare tellus non enim mollis convallis. Fusce rhoncus ac metus at efficitur. Aenean sed nunc orci. Vivamus vel libero placerat, scelerisque lorem at, elementum ex. Integer imperdiet urna quis nibh aliquam vestibulum sed vel erat. Praesent sem urna, posuere sit amet sem id, scelerisque maximus nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mattis, ante nec fringilla tempus, orci neque imperdiet magna, ut elementum nisi turpis a libero. Vivamus rhoncus libero a leo dignissim, at convallis est placerat. Fusce id pulvinar eros.

Nam viverra, felis eu finibus ornare, orci tortor mattis mauris, sit amet fermentum orci ex nec nulla. Fusce eu cursus nibh. Phasellus feugiat eleifend urna vitae eleifend. Donec orci ante, finibus a justo sit amet, aliquet cursus justo. Maecenas efficitur arcu eget facilisis ornare.

Here's how it comes together:

Creative Consulting • Design for Users • Smarter Programming • Global Publishing • Contact: Holly@HollyWorks.com