Medium

Accordion Component

When you are ready to showcase your work and gather feedback, start the challenge.

Requirements:

  • Clicking on a section header toggles the visibility of its content.
  • Implement a visual cue to indicate whether a section is expanded or collapsed (e.g., an up/down arrow icon).
  • Ensure that when one section is opened, any previously opened section closes automatically.

Notes:

  • Aim for accessibility by ensuring keyboard navigability and proper ARIA attributes.
  • Consider adding smooth animations for expanding and collapsing sections.

Recent Submissions

    Be the first to submit a solution.