Harper College will be closed Wednesday, June 19 in observance of Juneteenth National Freedom Day.

Harper College

Accordion Plus

The Accordion Plus snippet is used to hide information under a heading. When clicked, the box expands to display the full text. This allows for more information to be put on a page without overwhelming the reader. The Accordion Plus snippet uses an plus sign to indicate that more content lies below the heading.

How to Create an Accordion Plus

  1. Place the cursor on your page where you want the Accordion Plus snippet.
  2. Click on the Snippet icon in your tool bar (it looks like a puzzle piece), then choose Accordion Plus.
  3. Edit the Accordion Plus as needed. In Edit mode, the Accordion Plus is shown as two boxes. The top box contains bold text and is the text that will be shown when the accordion is not expanded. Below that is a larger box with more text.  This text will only be shown when the arrow is clicked on.


Your content goes here. Bold text. Italic text. Link


Last Updated: 12/14/23