Foundation CSS Accordion Menu

Foundation CSS Accordion Menu is used to convert the basic vertical menu into an expandable accordion menu. To convert the menu into an accordion menu the data-accordion-menu attribute is used. In this article, we will discuss Foundation CSS Accordion Menu.

Foundation CSS Accordion Menu Class:

• accordion-menu: This class is used to convert the basic menu into the accordion menu.

Syntax:

<ul class="menu accordion-menu" 
 data-accordion-menu>
 ....
</ul>

Example 1: The following code demonstrates the Foundation CSS Accordion Menu.

Output:

Example 2: The following code demonstrates the Foundation CSS Accordion Menu with menu and sub-menus.

Output:

Reference:https://get.foundation/sites/docs/accordion-menu.html