{"id":2624,"date":"2024-07-29T15:30:27","date_gmt":"2024-07-29T19:30:27","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2624"},"modified":"2024-08-08T17:14:47","modified_gmt":"2024-08-08T21:14:47","slug":"how-to-expandable-content-and-expandable-content-group","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/informational\/expandable-content\/how-to-expandable-content-and-expandable-content-group\/","title":{"rendered":"How To: Expandable Content & Expandable Content Group"},"content":{"rendered":"\n

Adding the Block<\/h2>\n\n\n\n

To add the Expandable Content block, click the \u201c+\u201d symbol and search for \u201cExpandable Content\u201d. Then, select the Expandable Content block icon.<\/p>\n\n\n

\n
\"expandable<\/figure>\n<\/div>\n\n\n

Editing an Expandable Content block<\/h2>\n\n\n\n

First, add text into the “Show\/hide link text” field to create a heading.<\/p>\n\n\n

\n
\"An<\/figure>\n<\/div>\n\n\n

Then, add content to the associated field beneath the heading by typing in the field or inserting a paragraph, list, or image. This content will appear when the heading is clicked.<\/p>\n\n\n

\n
\"Expandable<\/figure>\n<\/div>\n\n\n

Expandable Content Group<\/h2>\n\n\n\n

Similar to the Expandable Content block, the Expandable Content Group block can be used to make text-heavy content more digestible. The Expandable Content Group has the added functionality of an Expand All or Collapse All link that will expand or collapse all Expandable Content blocks in the group.<\/p>\n\n\n

\n
\"The<\/figure>\n<\/div>\n\n