Forum Discussion
abenton
2 years agoInfluencer
Collapsible FAQs - HTML/CSS Help
Does anyone know if it's possible to set up collapsible HTML within an email? We're looking to use this to show answers to FAQs. I've found mixed responses online and haven't had any luck getting it ...
Kristijan
2 years agoMentor
Hey abenton , we use Stripo and it has an AMP block called "Accordion" which is probably what you want to achieve. Here's the code and I'll attach screenshots from the results below.
<td align="left" class="esd-amp-accordion">
<amp-accordion animate>
<section>
<h3 class="section-title">Can I cancel my membership?</h3>
<div>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody class="accordion">
<tr>
<td align="left" class="esd-block-text">
<p>Answer here</p>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section>
<h3 class="section-title">How to get a refund?</h3>
<div>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody class="accordion">
<tr>
<td align="left" class="esd-block-text">
<p>Answer here</p>
</td>
</tr>
</tbody>
</table>
</div>
</section>
<section>
<h3 class="section-title">Where to renew my subscription?</h3>
<div>
<table width="100%" cellspacing="0" cellpadding="0">
<tbody class="accordion">
<tr>
<td align="left" class="esd-block-text">
<p>Answer here</p>
</td>
</tr>
</tbody>
</table>
</div>
</section>
</amp-accordion>
</td>
closedopen
Buuut as others have said, I highly doubt this will work across all email clients. So not sure if it's worth investing time in it...
Related Content
- 3 years ago
- 3 years ago
- 3 years ago