Accordion
Expandable sections that open and close on click. Great for FAQs, settings panels, and compact content.
Also called: collapsible, expandable sections, FAQ accordion
A visual or interactive technique that enhances user experience — animations, transitions, scroll behaviors, and more.
When they guide attention, provide feedback, or add delight — never when they distract from content or hurt performance.
Many effects work with pure CSS. Libraries like GSAP add power for complex scroll-driven animations.
How it works
Toggle an .open class on click. CSS max-height transition animates the panel open/closed. Use details/summary for zero-JS version.