Accordion

Overview

An accordion is a section on the webpage that can be expanded or minimized to show or hide content. Accordions help to reduce the length of a webpage and reduce scrolling. Accordions are available on both landing and interior pages.

Example

Transportations

Bus

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

Content Title

Content Subtitle

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

How To Add An Accordion

  1. Log into Cascade CMS and select your site.
  2. Navigate to the page where the Accordion will be added.

    navigate to folder

  3. Select Edit.

    select edit

  4. Select + icon on Main to add a new content type.

    add new content type

  5. Select Accordion in the newly added content type.

    select accordion on the dropdown list

  6. Add Section Title to Accordion section.

    add title for accordion section

  7. Select the Item to expand the menu for the item, and then add Title.

    select item to add title to first tab

  8. Add content in WYSIWYG editor.

    Add content in wysiwyg

  9. Select + icon to add more tabs.

    select plus icon add more tabs

  10. Use the icons next to Item to:
    • Up and Down Arrows to reorder the accordion
    • + icon to add more Items
    • X icon to remove the each accordion

    arrow to re-organize, plus to add more and x to remove tab

  11. Select Preview Draft.

    preview draft button

  12. After previewing changes made on your draft, select Submit.

    select submit

  13. Enter Comments for changes made.

    enter comments in comments box

  14. Select Check Content & Submit to add changes to your site.

    select check content and submit

  15. Select the Check Box.

    select check box

  16. When you're ready to go live, the last step is to publish the changes.