<?xml version="1.0" encoding="utf-8"?>

Collapsed state

Collapsed state Bad Practice
Collapsed state Best Practice

An accordion menu typically starts in a collapsed state, meaning the content is hidden and requires a click or tap to expand. To indicate that more content is available, symbols like a plus (+) icon or a right arrow (→) should be used next to each expandable item. This allows for a cleaner appearance while still offering additional information for those interested.

Improve your UX & Product skills with interactive courses that actually work