jfu-1.0.x-dev/templates/components/jfu_multi_row_accordion.html.twig

<div class="mr-accordion-wrapper{{ classes }}">
  <div class="mr-accordion-item {{ json_array.options.full_width ? 'container-full-width' : 'container' }}">
    {% if json_array.title %}
      <h3 class="mr-accordion-item--title">{{ json_array.title }}</h3>
    {% endif %}
    <div class="mr-accordion-item-info">
      {% if json_array.subtitle %}
        <span class="mr-accordion-item--subtitle">{{ json_array.subtitle }}</span>
      {% endif %}
      {% if json_array.body.value is not empty  %}
        <div class="mr-accordion-item--intro">
          {% include '@jfu/components/jfu_' ~ json_array.body.type ~ '.html.twig' with {'json_array': json_array.body } %}
        </div>
      {% endif %}
      <div class="mr-accordion-item-info--content">
        {% for i,item in json_array.items.items %}
          <div class="accordion--content-item">
            {% if item.title is not empty %}
              <div class="mr-accordion-item--title-container {{ i == 0 ? 'is-active' }}" data_key="{{ i }}">
                <h4 class="accordion-item--title">{{ item.title }}</h4>
                <span class="jfu-toggle-trigger-icon jtti-{{ i }} {{ i == 0 ? 'is-active' }}"></span>
              </div>
            {% endif %}
            {% if item.body.value is not empty %}
              <div class="mr-accordion-item--content uaic-{{ i }} {{ i > 0 ? 'hidden' }}">
                {% include '@jfu/components/jfu_' ~ item.body.type ~ '.html.twig' with {'json_array': item.body } %}
              </div>
            {% endif %}
          </div>
        {% endfor %}
      </div>
    </div>
  </div>
</div>