Accordion Component

Available on any page, the Accordion Components allows content to be placed on a page so that the user can interact with by expanding and collapsing the information. Any component can be placed within the expandable section. See below for a few examples.

Multiple accordion items can be used together to create an accordion list. Accordion items are collapsed by default on page load. However, an accordion item can be set to be expanded on page load. Accordions can optionally be set as an H2.

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur. Sociosqu tempus aenean sagittis a a a dictum dolor consequat pulvinar consectetur nec turpis interdum nec libero odio nostra maecenas mus turpis ultrices a ut vehicula parturient. Maecenas eget a pulvinar ut habitant consectetur tincidunt hac nunc eu senectus nec adipiscing a maecenas facilisi pulvinar lectus parturient auctor placerat et at ullamcorper mi bibendum. Sem gravida tempor est taciti metus leo semper natoque ullamcorper quisque mollis venenatis rhoncus tincidunt a condimentum fusce a gravida vehicula a scelerisque hac id dictumst ad montes habitant.

Id eu inceptos a molestie ridiculus parturient a purus commodo nostra elit aptent ante per in ullamcorper ullamcorper dapibus vel vestibulum cum enim. Potenti ad justo ante conubia nam condimentum parturient scelerisque hac a adipiscing eu turpis suscipit. Hac velit consectetur habitasse parturient vulputate elementum in per dapibus a adipiscing dignissim nibh magna. Ultricies fermentum tempus consectetur consectetur ut mattis vestibulum sed viverra consectetur vivamus magna inceptos adipiscing id phasellus a nisi. Nibh a suscipit parturient praesent fermentum dis class adipiscing adipiscing ultrices nisl suspendisse nibh dictumst. A adipiscing enim velit ullamcorper hendrerit suspendisse lectus a eu interdum vestibulum ullamcorper vestibulum suspendisse vivamus.

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur. Sociosqu tempus aenean sagittis a a a dictum dolor consequat pulvinar consectetur nec turpis interdum nec libero odio nostra maecenas mus turpis ultrices a ut vehicula parturient. Maecenas eget a pulvinar ut habitant consectetur tincidunt hac nunc eu senectus nec adipiscing a maecenas facilisi pulvinar lectus parturient auctor placerat et at ullamcorper mi bibendum. Sem gravida tempor est taciti metus leo semper natoque ullamcorper quisque mollis venenatis rhoncus tincidunt a condimentum fusce a gravida vehicula a scelerisque hac id dictumst ad montes habitant.

Id eu inceptos a molestie ridiculus parturient a purus commodo nostra elit aptent ante per in ullamcorper ullamcorper dapibus vel vestibulum cum enim. Potenti ad justo ante conubia nam condimentum parturient scelerisque hac a adipiscing eu turpis suscipit. Hac velit consectetur habitasse parturient vulputate elementum in per dapibus a adipiscing dignissim nibh magna. Ultricies fermentum tempus consectetur consectetur ut mattis vestibulum sed viverra consectetur vivamus magna inceptos adipiscing id phasellus a nisi. Nibh a suscipit parturient praesent fermentum dis class adipiscing adipiscing ultrices nisl suspendisse nibh dictumst. A adipiscing enim velit ullamcorper hendrerit suspendisse lectus a eu interdum vestibulum ullamcorper vestibulum suspendisse vivamus.

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur. Sociosqu tempus aenean sagittis a a a dictum dolor consequat pulvinar consectetur nec turpis interdum nec libero odio nostra maecenas mus turpis ultrices a ut vehicula parturient. Maecenas eget a pulvinar ut habitant consectetur tincidunt hac nunc eu senectus nec adipiscing a maecenas facilisi pulvinar lectus parturient auctor placerat et at ullamcorper mi bibendum. Sem gravida tempor est taciti metus leo semper natoque ullamcorper quisque mollis venenatis rhoncus tincidunt a condimentum fusce a gravida vehicula a scelerisque hac id dictumst ad montes habitant.

Id eu inceptos a molestie ridiculus parturient a purus commodo nostra elit aptent ante per in ullamcorper ullamcorper dapibus vel vestibulum cum enim. Potenti ad justo ante conubia nam condimentum parturient scelerisque hac a adipiscing eu turpis suscipit. Hac velit consectetur habitasse parturient vulputate elementum in per dapibus a adipiscing dignissim nibh magna. Ultricies fermentum tempus consectetur consectetur ut mattis vestibulum sed viverra consectetur vivamus magna inceptos adipiscing id phasellus a nisi. Nibh a suscipit parturient praesent fermentum dis class adipiscing adipiscing ultrices nisl suspendisse nibh dictumst. A adipiscing enim velit ullamcorper hendrerit suspendisse lectus a eu interdum vestibulum ullamcorper vestibulum suspendisse vivamus.

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur. Sociosqu tempus aenean sagittis a a a dictum dolor consequat pulvinar consectetur nec turpis interdum nec libero odio nostra maecenas mus turpis ultrices a ut vehicula parturient. Maecenas eget a pulvinar ut habitant consectetur tincidunt hac nunc eu senectus nec adipiscing a maecenas facilisi pulvinar lectus parturient auctor placerat et at ullamcorper mi bibendum. Sem gravida tempor est taciti metus leo semper natoque ullamcorper quisque mollis venenatis rhoncus tincidunt a condimentum fusce a gravida vehicula a scelerisque hac id dictumst ad montes habitant.

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque imperdiet pretium velit quis egestas. Suspendisse sed orci fringilla, lacinia magna sed, vehicula urna.
I wrote this

Condimentum suspendisse vestibulum malesuada ac praesent arcu neque erat id vestibulum ante laoreet ullamcorper torquent velit a turpis lobortis adipiscing condimentum fusce vestibulum. A nec et ut parturient imperdiet fringilla in mollis sed a parturient vivamus pulvinar nec aliquet magnis eget habitant vehicula pretium consectetur. Sociosqu tempus aenean sagittis a a a dictum dolor consequat pulvinar consectetur nec turpis interdum nec libero odio nostra maecenas mus turpis ultrices a ut vehicula parturient. Maecenas eget a pulvinar ut habitant consectetur tincidunt hac nunc eu senectus nec adipiscing a maecenas facilisi pulvinar lectus parturient auctor placerat et at ullamcorper mi bibendum. Sem gravida tempor est taciti metus leo semper natoque ullamcorper quisque mollis venenatis rhoncus tincidunt a condimentum fusce a gravida vehicula a scelerisque hac id dictumst ad montes habitant.

Id eu inceptos a molestie ridiculus parturient a purus commodo nostra elit aptent ante per in ullamcorper ullamcorper dapibus vel vestibulum cum enim. Potenti ad justo ante conubia nam condimentum parturient scelerisque hac a adipiscing eu turpis suscipit. Hac velit consectetur habitasse parturient vulputate elementum in per dapibus a adipiscing dignissim nibh magna. Ultricies fermentum tempus consectetur consectetur ut mattis vestibulum sed viverra consectetur vivamus magna inceptos adipiscing id phasellus a nisi. Nibh a suscipit parturient praesent fermentum dis class adipiscing adipiscing ultrices nisl suspendisse nibh dictumst. A adipiscing enim velit ullamcorper hendrerit suspendisse lectus a eu interdum vestibulum ullamcorper vestibulum suspendisse vivamus.