Accordian {% include 'components/content/accordian' %}
#
HTML
<div class="accordion accordion--gvt" data-initial-open="true">
    <div class="accordion__item">
        <h3 class="accordion__title">
            Where can I go?
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.&lt;/p&gt;</p>
    </div>
    <div class="accordion__item">
        <h3 class="accordion__title">
            Where can I go?
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.&lt;/p&gt;</p>
    </div>
    <div class="accordion__item">
        <h3 class="accordion__title">
            Where can I go?
        </h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.&lt;/p&gt;</p>
    </div>
</div>
Twig
<div class="accordion accordion--gvt" data-initial-open="true">
    {% for faq in faqs %}
         <div class="accordion__item">
            <h3 class="accordion__title">{{ faq.title }}</h3>
            <p>{{ faq.content }}</p>
        </div>
    {% endfor %}
</div>
{
    "faqs": {
        "0": {
            "title": "Where can I go?",
            "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.<\/p>"
        },
        "1": {
            "title": "Where can I go?",
            "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.<\/p>"
        },
        "2": {
            "title": "Where can I go?",
            "content": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.<\/p>"
        }
    }
}

Where can I go?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.</p>

Where can I go?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.</p>

Where can I go?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aut, obcaecati eveniet. Aperiam est, mollitia quasi nam quod modi suscipit ut saepe similique autem labore animi voluptate natus amet quam.</p>