You are here

bs-accordion.html.twig in Bootstrap Kit 8.3

Same filename and directory in other branches
  1. 8.4 templates/bs-accordion.html.twig
{% if content %}
{% set id = random() %}
<div {{ attributes.addClass('panel-group').removeAttribute('id') }} id="accordion-{{ id }}">
  {% for region in layout.getRegionNames if content[region] %}
  <div class="panel panel-default">

    <!-- Header as a toggler -->
    <a class="panel-heading center-block" data-toggle="collapse" data-parent="#accordion-{{ id }}" href="#accordion-{{ id }}-{{ region }}">
      {{ content[region]['#label'] }}
    </a>

    <!-- Collapsible pane -->
    <div class="panel-collapse collapse {{ loop.first ? 'in' }}" id="accordion-{{ id }}-{{ region }}">
      <div class="panel-body">
        {{ content[region] }}
      </div>
    </div>

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

File

templates/bs-accordion.html.twig
View source
  1. {% if content %}
  2. {% set id = random() %}
  3. <div {{ attributes.addClass('panel-group').removeAttribute('id') }} id="accordion-{{ id }}">
  4. {% for region in layout.getRegionNames if content[region] %}
  5. <div class="panel panel-default">
  6. <!-- Header as a toggler -->
  7. <a class="panel-heading center-block" data-toggle="collapse" data-parent="#accordion-{{ id }}" href="#accordion-{{ id }}-{{ region }}">
  8. {{ content[region]['#label'] }}
  9. </a>
  10. <!-- Collapsible pane -->
  11. <div class="panel-collapse collapse {{ loop.first ? 'in' }}" id="accordion-{{ id }}-{{ region }}">
  12. <div class="panel-body">
  13. {{ content[region] }}
  14. </div>
  15. </div>
  16. </div>
  17. {% endfor %}
  18. </div>
  19. {% endif %}