IAState Theme
WordPress IAState Theme
Search Close Search
Toggle Menu

Accordion

Accordions organize and simplify a large amount of related content. When selected, the content is viewed without having to navigate away from the page. Only text can be used in accordions.

Do use at least two accordions, but at least three is ideal.
Do choose headings that are all related to a similar topic.
Keep content length reasonable. Since accordions hide information, users may skip over info if it is buried in one that is overly long.
Don’t use very long headings. Instead, try to move text down into the body.

Accordion block editor icon

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat arcu sapien, suscipit tristique ante consectetur ut. Sed vitae consequat eros. In placerat metus et commodo rhoncus. Nunc tincidunt ex libero, eu posuere lorem iaculis et. Ut sit amet blandit dolor, ut fermentum nunc. Mauris vel euismod tellus, ut gravida massa. Suspendisse eu neque nec elit commodo porta.

Theme Specific Editor Blocks