<ul class="accordion ">
<li class="accordion-item" data-toggle-stop>
<a href="#" class="accordion-title" data-toggle-selector=".accordion-body" data-toggle-class="open">
Accordion title 1
</a>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
Aliquam erat volutpat.</p>
</div>
</li>
<li class="accordion-item" data-toggle-stop>
<a href="#" class="accordion-title" data-toggle-selector=".accordion-body" data-toggle-class="open">
Accordion title 2
</a>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
Aliquam erat volutpat.</p>
</div>
</li>
<li class="accordion-item" data-toggle-stop>
<a href="#" class="accordion-title" data-toggle-selector=".accordion-body" data-toggle-class="open">
Accordion title 3
</a>
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
Aliquam erat volutpat.</p>
</div>
</li>
</ul>
<ul class="accordion {{ accordion_class }}" {{ accordion_attr }}>
{% for accordion in accordions %}
<li class="accordion-item" data-toggle-stop>
<a href="#"
class="accordion-title"
data-toggle-selector=".accordion-body"
data-toggle-class="open">
{{ accordion.title }}
</a>
<div class="accordion-body">
{{ accordion.body|markdown }}
</div>
</li>
{% endfor %}
</ul>
{
"accordions": [
{
"title": "Accordion title 1",
"body": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.\n"
},
{
"title": "Accordion title 2",
"body": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.\n"
},
{
"title": "Accordion title 3",
"body": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.\n"
}
]
}
There are no notes for this item.