How to Add Collapsible Content in WordPress Article?

I was designing a website for an educational institute and I wanted to add “click here for more details” panel which expands to show the hidden content. As usual I started hunting for the best wordpress plugin for collapsible content and within minutes I got a plugin which had all the required features i.e. Collapse-O-Matic. Here we have come up with the quick review of Collapse-O-Matic wordpress plugin along with a short tutorial on how to use it.

Also read:

Quick Review of Collapse-O-Matic WordPress Plugin

Collapse-O-Matic is an easy to use jQuery powered wordpress plugin that adds expanding and collapsing div in wordpress article. All you need is to write a bit of short code around the content you are going to hide which expands with a click. Below is the short tutorial on how to use Collapse-O-Matic plugin to add expanding and collapsing content in a wordpress article.

How to Add Collapsing Content with Collapse-O-Matic WordPress Plugin?

You can hide any content in the article with Collapse-O-Matic, no matter whether it is a simple paragraph, image or video, it is possible to add them in a expanding and collapsible div with Collapse-O-Matic wordpress plugin. Here is how to add a simple paragraph to expanding and collapsing div-

  1. Login to your WordPress admin area
  2. Go to “Plugin >> Add new” menu
  3. Search for “Collapse-O-Matic” plugin, install the same  and activate it (direct link)
  4. Now you are ready to wrap your paragraph inside a collapsible area with Collapse-O-Matic shortcode
  5. Go to your article, write [expand title=”click here for more details”] above the paragraph and write [/expand] below the paragraph you are going to expand/ collapse.
    Collapsible Content in WordPress
  6. Once done, save the draft and preview the changes, you will see “click here for more details” link that expands and collapses your paragraph with the click.
    Expanding Content in WordPress

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *


nine × = 81

TRUE

Subscribe for latest updates

Signup for our newsletter and get notified when we publish new articles for free!