display relationship as accordion with Beaver Builder

{% set fields = toolbox_get_fields( [ 'term_1_courses', 'term_2_courses' , 'term_3_courses' ]) %}
<div class="iowalakes_accordion">
    <div id="accordion{{ module.id }}">
{% for field in fields %}
      <div class="card">
        <div class="card-header" id="heading_{{loop.index}}">
            <h4 class="mb-0 btn-link" data-toggle="collapse" data-target="#collapse_{{loop.index}}" aria-expanded="false" aria-controls="collapse_{{ loop.index }}">
              <i class="fas fa-plus"></i><i class="fas fa-minus"></i> Term {{ loop.index }}
            </h4>
        </div>
        <div id="collapse_{{ loop.index }}" class="collapse" aria-labelledby="heading_{{loop.index}}" data-parent="#accordion{{ module.id }}">
          <div class="card-body">
                {% for item in field %}
                {% set item = Post(item) %}
                <a href="{{item.link}}"><h3>{{ item.title }}</h3></a>
                {{ item.content }}
                <div class="credits">{{ item.credits }}</div>
                {% endfor %}
          </div>
        </div>
      </div>
{% endfor %}
    </div>
</div>

<style>
.iowalakes_accordion .card-header {
    margin-bottom: 10px;
}
.iowalakes_accordion .card {
    border: none;
}
/* make sure to hide all minus icons */
.iowalakes_accordion i[class~=fa-minus] {
    display:none;
}
/* when accordion is expanded, hide the plus icon */
.iowalakes_accordion h4[aria-expanded=true] i[class~=fa-plus]{
    display:none;
}
/* when accordion is expanded, show the minus icon */
.iowalakes_accordion h4[aria-expanded=true] i[class~=fa-minus]{
    display:inline-block;
}
</style>