/
Creating an Expand / Collapse action

Creating an Expand / Collapse action

  1. Select the block of text you wish to be hidden.

  2. Choose  "Div Container" from the Format menu.

  3. Click the "Insert/Edit Attributes" button.
  4. In the "ID" field, enter a unique, one-word name using no punctuation.
  5. From the "Class List", select "expand".
    1. Alternatively, simply enter "expand" in the "Classes" field
  6. Select the text that you will use to show the hidden text.
  7. Click the link button.
  8. In the URL field, enter the Id you created in Step 5 preceded by a "#" - example, #yourfancyid.
  9. Select the title again.
  10. Click the "Insert/Edit Attributes" button.
  11. From the "Class List", select "switch".
    1. Alternatively, simply enter "switch" in the "Classes" field.

 

Related content

Adding a Keep Reading or Learn More in an Article
Adding a Keep Reading or Learn More in an Article
More like this
Spotlights - flex area
Spotlights - flex area
More like this
Adding an alert to an interior page
Adding an alert to an interior page
More like this
Blockquote
More like this