{% if show_dummy_data == true %}
    {% set list = [
        {
            'Title': {'value': 'Sample Accordion Item 1'},
            'Content': {'value': '<p>This is the content for the first accordion item. It can contain <strong>HTML formatting</strong> and multiple paragraphs.</p>'}
        },
        {
            'Title': {'value': 'Sample Accordion Item 2'},
            'Content': {'value': '<p>This is the content for the second accordion item.</p><p>It demonstrates how accordion content can include multiple elements.</p>'}
        },
        {
            'Title': {'value': 'Sample Accordion Item 3'},
            'Content': {'value': '<p>This is the content for the third accordion item with <em>italic text</em> and <a href="#">links</a>.</p>'}
        }
    ] %}
    {% set open_first = true %}
{% endif %}

{% if list is not empty %}
    <ul class="accordion js_accordion">
        {% for item in list %}
            <li>
                <h4 class="{% if open_first is not empty and loop.index == 1 %}open{% endif %}">{{ item['Title']['value'] }}</h4>
                <div class="content wysiwyg">

                    <div class="innerContentWrap">
                        {{ item['Content']['value']|raw }}
                    </div> <!-- .innerContentWrap -->

                </div>
            </li>
        {% endfor %}
    </ul>
{% endif %}
