<div class="spacer"></div>
<div class="accordion">
<div class="accordion__pane">
<p class="accordion__heading">Ad Dolore Ipsum</p>
<div class="accordion__content">
<p>Possimus nihil maxime asperiores sed. Explicabo itaque facere sit. In iste et itaque totam labore vero repellat. Quo libero accusantium quis adipisci facere enim ducimus. Aut autem quia voluptatem omnis corrupti reiciendis perspiciatis esse. Sit et sed tempore consequatur quas et.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Deserunt Nulla Praesentium</p>
<div class="accordion__content">
<p>Enim et sit aut eum aliquam voluptas. Quis labore atque placeat quo perspiciatis non eius vel aspernatur. Qui laudantium qui accusamus. Magnam non nemo suscipit deleniti enim. Cum est aliquid dolor. Maxime enim repellendus fugiat commodi magnam laborum.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Est Velit Recusandae</p>
<div class="accordion__content">
<p>Culpa voluptas nesciunt. Nulla aut non expedita consequatur. Reprehenderit ea officiis est. Recusandae sunt quaerat explicabo ipsam sequi. Expedita et reprehenderit nihil tempora mollitia accusantium.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Nostrum Illo Eos</p>
<div class="accordion__content">
<p>Et ab aut nobis omnis quis ea rem laudantium. Qui aut corporis qui. Maxime quisquam vero neque fugiat magnam dolores id et expedita. Enim corrupti consectetur corrupti soluta iusto. Eos qui aliquam voluptatem provident error.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Omnis Quos Est</p>
<div class="accordion__content">
<p>Repellendus non eaque fugit. Voluptatum ad est aperiam sunt minima ullam. Laboriosam dolorem vero numquam aspernatur eius laborum velit. Nemo ea minima cumque iste accusantium. Tenetur facilis natus.</p>
</div>
</div>
<div class="accordion__pane">
<p class="accordion__heading">Voluptas Aut Eligendi</p>
<div class="accordion__content">
<p>Pariatur repellendus aut et tempora inventore. Iusto debitis mollitia porro porro ea temporibus voluptas voluptas. Minus inventore tenetur et molestiae repellat ut dolores aliquid voluptatem.</p>
</div>
</div>
</div>
{% if not standAlone %}<div class="spacer"></div>{% endif %}
<div class="accordion{{ ' accordion--'+modifier if modifier }}">
{% for pane in panes %}
<div class="accordion__pane">
<p class="accordion__heading">{{ pane.label }}</p>
<div class="accordion__content">
<p>{{ pane.content }}</p>
</div>
</div>
{% endfor %}
</div>
{
"panes": [
{
"label": "Ad Dolore Ipsum",
"content": "Possimus nihil maxime asperiores sed. Explicabo itaque facere sit. In iste et itaque totam labore vero repellat. Quo libero accusantium quis adipisci facere enim ducimus. Aut autem quia voluptatem omnis corrupti reiciendis perspiciatis esse. Sit et sed tempore consequatur quas et."
},
{
"label": "Deserunt Nulla Praesentium",
"content": "Enim et sit aut eum aliquam voluptas. Quis labore atque placeat quo perspiciatis non eius vel aspernatur. Qui laudantium qui accusamus. Magnam non nemo suscipit deleniti enim. Cum est aliquid dolor. Maxime enim repellendus fugiat commodi magnam laborum."
},
{
"label": "Est Velit Recusandae",
"content": "Culpa voluptas nesciunt. Nulla aut non expedita consequatur. Reprehenderit ea officiis est. Recusandae sunt quaerat explicabo ipsam sequi. Expedita et reprehenderit nihil tempora mollitia accusantium."
},
{
"label": "Nostrum Illo Eos",
"content": "Et ab aut nobis omnis quis ea rem laudantium. Qui aut corporis qui. Maxime quisquam vero neque fugiat magnam dolores id et expedita. Enim corrupti consectetur corrupti soluta iusto. Eos qui aliquam voluptatem provident error."
},
{
"label": "Omnis Quos Est",
"content": "Repellendus non eaque fugit. Voluptatum ad est aperiam sunt minima ullam. Laboriosam dolorem vero numquam aspernatur eius laborum velit. Nemo ea minima cumque iste accusantium. Tenetur facilis natus."
},
{
"label": "Voluptas Aut Eligendi",
"content": "Pariatur repellendus aut et tempora inventore. Iusto debitis mollitia porro porro ea temporibus voluptas voluptas. Minus inventore tenetur et molestiae repellat ut dolores aliquid voluptatem."
}
],
"standAlone": false
}
There are no notes for this item.