Skip to main content

Collapse-O-Matic is an accordion-like shortcode that is used to toggle the visibility of content on a page. It’s a plugin that needs to be activated before the shortcode can be used.

This is what a Collapse-O-Matic accordion looks like:

Learn More About Us
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Directions to Our Location
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Who to Contact
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Activate the Plugin

Go to the Plugins page in the dashboard and search for the Collapse-O-Matic plugin.

Activate the Collapse-O-Matic plugin

Once you have activated the plugin, you can use the shortcode below to create the collapsable sections.

The Code

Copy the shortcode below and paste it into a page/post/event as many times as you need toggle sections. So if you want four toggle sections, you would consecutively paste the code four times into your page.
[expand title="Your Title Goes Here"] Your content goes here.[/expand]

Related Web Guide Training

  1. Accordions – an alternative option to Collapse-O-Matic.

Examples

Office of Inclusive Excellence

The Office of Inclusive Excellence uses Collapse-O-Matic on their Resources page.

Department of Medicine

The Department of Medicine Diversity and Inclusion page uses the Collapse-O-Matic plugin.