Accordions, also known as toggles, are elements you can expand and collapse. They help keep your content organized and easy to navigate by allowing users to reveal or hide sections as needed.

Any element from the Element Library − like photos, maps, PDFs, videos, and more − can be placed inside an accordion. The only exception is another accordion (which would cause an infinite loop and break the universe... we told you Safari Portal was powerful!).

How to Insert an Accordion/Toggle

Click here for fullscreen

Appearance

Accordions show up a little differently depending on where they are.

Here is how accordions appear in Calendar Builder Itineraries:

Here is how accordions appear in Classic Builder Itineraries and Lookbooks:

Recommended Uses

Here are some examples of where to use the Accordion element.

• FAQs. Answer common questions without overwhelming users with too much text at once.
• Intensive daily itineraries. For trips with many activities in one day, like cruises, clients can expand only the days they want to view but still see exhaustive information.
• Including lots of videos or photos. Have a large amount of informative videos? Or do you want to display photos only in grids? Put them in an accordion to avoid elongating your proposal.
• Creating a contact section for properties or restaurants. Add a Google map with directions to the property, links to the menu, food videos, and more that your clients can expand once they read introductory information.
• Activity Options: Show many different tour or excursion choices that clients can peruse.
• Organizing documents: If you need to include multiple PDFs, policies, or reference materials, use an accordion to consolidate them.

Keywords: Element library, accordion element, accordion