FAQ accordion
Nav's /faq pattern: click the row, plus icon rotates 45deg (becomes X), answer transitions its max-height open. One-at-a-time (radio-style) — opening one closes any other. max-height is the pragmatic trick: `height: auto` can't transition.
Live preview
open in new tab ↗<div class="a39">
<div class="qa">
<button type="button"><span>How long does the site take?</span><span class="pl">+</span></button>
<div class="a"><p>Preview live in 24 hours. Full launch in 7 days if you approve the copy in a day.</p></div>
</div>
<div class="qa">
<button type="button"><span>What if I already have a site?</span><span class="pl">+</span></button>
<div class="a"><p>We migrate what works and rebuild what doesn't. Your existing GBP and reviews carry forward.</p></div>
</div>
<div class="qa">
<button type="button"><span>Do I own the code?</span><span class="pl">+</span></button>
<div class="a"><p>Yes. GitHub repo, Vercel account, domain — all in your name. We host it, you keep it.</p></div>
</div>
</div>Block id: tim-39-faq-accordionvanilla · drop-in
More animation-hover blocks
Want the whole site, not just the block?
We ship real client sites in 3 weeks — with blocks like this one, wired to your brand.