<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 | downcase | replace: ' ', '-' | replace: '&', 'and' %} {% assign accordion_collection = site.accordions | where_exp: "item", "item.path contains page_title" %} {% for item in accordion_collection | sort: 'order' %} {% assign this_accordion_id = item.card_heading | downcase | remove: '-' | replace: '&', 'and' | replace: ' ', '-' | remove: "'" | replace: "/", "-" | 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: ',' | 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"> <!-- Editor Link --> <a href="cloudcannon:collections/{{ item.path }}" class="btn btn-success mb-4 editor-button">Edit This Accordion Item</a> {{ item.content }} </div> </div> </div> {% endfor %}
</div>