Challenges
Solutions
Log In
Sign Up
Medium
Accordion Component
When you are ready to showcase your work and gather feedback, start the challenge.
Sign up to collab
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.