Sha256: 3a8e8e47dd542cc3528424d242cba356651e788187452296c52c1612ea5d8b01

Contents?: true

Size: 1.89 KB

Versions: 1

Compression:

Stored size: 1.89 KB

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 pt-2 pb-3 mb-3">
  {% assign page_title = page.title %}
  {% assign accordion_collection = site.accordions | where: "accordion_page", page_title | sort: "order" %}
  {% for item in accordion_collection %}
  {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | remove: "/" | remove: '0' | remove: '1' | remove: '2' | remove: '3' | remove: '4' | remove: '5' | remove: '6' | remove: '7' | remove: '8' | remove: '9' | remove: '?' | remove: '!' | remove: '#' | remove: '$'  | remove: '.' | remove: ',' %}
  <div class="card">
    <div class="card-header accordion__padding-left"
      id="card-header-{{ this_accordion_id }}">
      <h2 class="mb-0 accordion__typography--card-header accordion__typography--hover">
        <button
          class="btn btn-link buttons__no-decoration accordion__button{% if forloop.first != true %} collapsed{% endif %}{% if forloop.first == true and page.accordion_expanded == false %} collapsed{% endif %}"
          type="button"
          data-target="#{{ this_accordion_id }}"
          data-toggle="collapse"
          aria-expanded="{% if forloop.first == true and page.accordion_expanded != false %}true{% else %}false{% endif %}"
          aria-controls="{{ this_accordion_id }}">
          {{ item.card_heading }}
        </button>
      </h2>
    </div>
    <div
      id="{{ this_accordion_id }}"
      class="collapse{% if forloop.first == true and page.accordion_expanded != false %} show{% endif %}"
      aria-labelledby="card-header-{{ this_accordion_id }}">
      <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.65.58 _includes/accordion.html