Skip to Content

Expandable Content

Expandable Content is a vertically stacked list of headers that can be clicked to reveal or hide content.

  1. Click the Add New Element plus icon to add a component to the page.
  2. An Add Element window will appear, choose the Expandable option.
  3. The settings dialog box will appear. Fill in the expandable content name.
  4. Click Save changes.
  5. Click the plus sign inside the new element to add content. You can use the Row component to add columns. Do not use advanced components such as  additional expandable content items, tabs, billboards, callout rows, etc. inside an expandable item.

Example

Expand 1

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Expand 2

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Expand 3

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Read the Johns Hopkins University privacy statement here.

Accept