Component: Add CSS-only animated accordion / collapsible FAQ component

[Nareshkumawat-star]

Feature Request

Accordions are one of the most common UI patterns for FAQs, settings panels, and content sections, but EaseMotion CSS has no accordion component.

Proposed Component

• Pure CSS using grid-template-rows: 0fr → 1fr technique for smooth height animation
• Toggle logic via :has() selector or :checked checkbox hack
• Classes: .ease-accordion, .ease-accordion__item, .ease-accordion__header, .ease-accordion__body
• Chevron icon rotation animation on open/close
• CSS variable: --ease-accordion-duration
• No JavaScript required

Files to Create

submissions/examples/ease-accordion/style.css
submissions/examples/ease-accordion/demo.html
submissions/examples/ease-accordion/README.md

[github-actions]

Hey @Nareshkumawat-star! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside submissions/examples/your-feature-name/
• Include demo.html · style.css · README.md in your folder
• Max 2 active issues per contributor — unassign others before taking new ones
• Join our official Discord Server (Optional - for general developer chat and support; official issues belong on GitHub!)

🕑 Inactivity rule: Issues with no progress for 24 hours (1 day) will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡