Contents

<div id="accordion" class="accordion">
  {% assign page_title = page.title %}
  {% assign accordion_collection = site.accordions | where: "accordion_page", page_title | sort: "order" %}
  {% for item in accordion_collection %}
  <div class="card">
    <div class="card-header accordion__padding-left" id="cardHeader{{ forloop.index }}">
        <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
          <button class="btn btn-link buttons__no-decoration" type="button" data-target="#collapse{{ forloop.index }}" data-toggle="collapse" aria-expanded="{% if forloop.first == true %}true{% else %}false{% endif %}" aria-controls="collapse{{ forloop.index }}">
            <span class="accordion__icon accordion__icon--plus{% if forloop.first == true %} accordion__icon--minus{% endif %}"></span>&nbsp;{{ item.card_heading }}
          </button>
        </h2>
    </div>
    <div id="collapse{{ forloop.index }}" class="collapse{% if forloop.first == true %} show{% endif %}" aria-labelledby="cardHeader{{ forloop.index }}">
        <div class="card-body">
          {{ item.content }}
        </div>
    </div>
  </div>
  {% endfor %}
</div>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
kcc-gem-theme-1.19.2	_includes/accordion.html