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

Harper College

Accordion Arrow

The Accordion Arrow 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 Arrow snippet uses an arrow to indicate that more content lies below the heading.

How to Create an Accordion Arrow

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


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


Rate this page:
Last Updated: 12/14/23