Contents

<div class="row editor-link">
  <div class="col editor-link mb-3">
    <a href="cloudcannon:collections/_accordions/" class="btn btn-success editor-button">Edit Accordions Collection</a>
  </div>
</div>
<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 accordion__button{% unless forloop.first == true %} collapsed{% endunless %}" type="button" data-target="#collapse{{ forloop.index }}" data-toggle="collapse" aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}" aria-controls="collapse{{ forloop.index }}">
            {{ item.card_heading }}
          </button>
        </h2>
    </div>
    <div id="collapse{{ forloop.index }}" class="collapse{% if forloop.first == true and page.accordion_expanded != false %} 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.44.22	_includes/accordion.html