Web Content Collapsible Item

Tutorial: Accordion Elements

Accordion elements are a great way to organize your online content and structure your page. You can learn more about implementing accordion elements into your own web content with the guide below.

Add An Accordion Element To Your My Page

  1. Sign in to the GLOBE.gov website
  2. At the top of the page, on the right, select your profile photo
  3. Select "My Page"
  4. With your cursor, hover over the web content until the blue menu icon appears
    • The blue menu icon looks like three stacked, vertical dots
  5. Select the blue menu icon 
  6. Select "Edit Web Content" 
  7. In the web content editor, highlight an arbitrary piece of text
    • Note: The highlighted text will be deleted when the accordion element is added 
  8. In the pop-up menu, on the right, select the "Insert An Accordion Item" button 
  9. Complete the title text and body text of the accordion element
  10. At the top of the page, on the right, select "Publish"

Tip: You can set the default display of the accordion element to be open or closed. To change the default setting, simply click the whitespace of the "Title Text" field.