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.

Screenshot showing where the Plugins option is in the dashboard.

Activate the Collapse-O-Matic plugin

Screenshot showing the Cooapse-O-Matic plugin in the list of plugins.

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

Example one of the Collapse-O-Matic on the Office of Inclusive Excellence.

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

Department of Medicine

Example one of the Collapse-O-Matic on the Department of Medicine.

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