Primer

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>