- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Accordion
Description
Accordions contain vertical tabs which are used on websites to expand and collapse large amount of data. It makes the collapsing divisions of the page and the content is broken into logical sections.
The following table lists the some of the Accordion features −
| Sr.No. | Feature & Description |
|---|---|
| 1 | Accordion
It creates collapsing division on the webpage. |
| 2 | Multi-expand
It is used to open multiple panes of an accordion at a time. |
| 3 | All Closed
It will close all the panes of an accordion. |
| 4 | Sass Reference
You can change the styles of the components by using SASS variables. |
| 5 | JavaScript Reference
Foundation provides JavaScript components for an accordion. |
foundation_containers.htm
Advertisements