Accordion / FAQ Section
An expandable accordion for FAQ sections with smooth open/close animation.
Adjust the preview
Every choice updates the preview and the wording below.
Items
Toggle Icon
Animation
Speed
Mode
Your prompt
Highlighted values follow your choices — click one to write your own.
Create an accordion FAQ section with 5 items. Each item has a question and expandable answer. The toggle uses a chevron that rotates 180° icon that rotates on open. The expand animation is smooth max-height transition with 0.3 seconds timing. Only one item can be open at a time. Use clean borders between items.
Paste it into Claude, Cursor, or v0 along with the context for your project.