Foundation menus style vertical and horizontal link lists: menu, menu vertical, menu horizontal, active, and is-dropdown-submenu for nested flyouts (with JS).
Accordion component
Accordions collapse FAQ and settings sections: wrapper accordion, items with accordion-item, title accordion-title, content accordion-content, controlled by data-accordion attributes.
- One open panel:
data-accordion data-allow-all-closed="false" - Deep links: set
idon titles for hash navigation
Important interview questions and answers
- Q: menu vs drilldown vs accordion?
A:menuis general navigation styling; drilldown handles multi-level sliding panels; accordion expands inline sections in place. - Q: Can accordion work without JS?
A: No—the plugin togglesis-activeclasses and ARIA attributes; CSS shows structure but not interaction.
Self-check
- What three classes name an accordion section’s title and body?
- Which attribute initializes accordion behavior?