Accordion Boxes
Accordion boxes make it easy to condense related content. An accordion box is a heading that expands when clicked to show additional content (like an accordion). Each accordion item can have up to 4 accordions filled in. When placing 2 different accordion items next to each other, they will stack, allowing you to create a list of accordions longer than 4.
How to use
Add this content type to your page. You’ll be presented with fields for each expanding accordion box: a heading and the content area. The heading should be kept as short as possible, as it is meant to be a label for the content within its accordion box. The content area field allows you to use html and format your text using the rich text editor. If you do not need all four accordions, you can hide them by using the “hide section” checkboxes below the other input fields.
Example
The example below shows how you can easily combine 2 Accordion Box content items. The first Accordion Box content item has 4 accordions filled in and is followed by another Accordion Box content item. The 2nd accordion box has 1 accordions filled in. Notice how the two content items stack and appear to be one solid list of accordions.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at magna vel justo interdum volutpat. Suspendisse id quam tortor. Vestibulum varius tellus et ante sollicitudin, vel scelerisque dui interdum. Ut posuere mauris eget odio fermentum molestie. Nunc sagittis, sem nec finibus fringilla, nisi lorem vulputate erat, quis rhoncus dolor lorem a dolor. Ut quis sem turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
Ut nec sodales sem. Nam vel ultrices risus. Integer luctus sapien ut turpis placerat, non tincidunt ex fringilla. Maecenas at mi non lectus bibendum accumsan et non turpis. Aenean augue ante, egestas ut mi id, tempor egestas nisi. Donec sed massa fermentum, venenatis diam blandit, gravida diam. Integer commodo suscipit aliquet.
Vestibulum risus ipsum, commodo in ligula vel, rhoncus egestas risus. Sed non tortor velit. Sed egestas diam dignissim purus laoreet bibendum. Cras nec augue elementum, rhoncus risus eu, rhoncus sapien. Fusce fringilla nisl sed ligula rutrum mattis. Ut vel dolor eu nulla mollis accumsan ut eu justo. Curabitur sed risus non mauris vestibulum interdum nec id erat. Phasellus viverra, orci eget egestas placerat, mauris nulla iaculis dolor, et egestas augue augue id elit. Suspendisse potenti. Donec pharetra arcu id commodo aliquam.
Ut ac urna et augue efficitur lobortis. In porttitor risus vitae massa vehicula, in pharetra tortor egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Praesent ac arcu non ex molestie accumsan. Pellentesque vitae lobortis neque, vitae cursus leo. Quisque suscipit laoreet magna, sagittis lacinia mi aliquam ut.