Accordion
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
Transportation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Velit scelerisque in dictum non consectetur. Cursus eget nunc scelerisque viverra mauris in aliquam sem fringilla.
Components on an Accordion
- Row Title (Optional - Should only be used if the item is the first one on the page)
- Subtitle (Optional)
- Content (Optional)
Row Options
- Simple Accordion - Future Option
- Load with First Item Expanded
- Allow Multiple Items to be Expanded at a Time
- Add margin-top to content row
- Add margin-bottom to content row
Content Item
- One for each expandable box (Each will need a title and content)