BootstrapのCollapseをeach do内で扱う

下記のようなBootstrapのCollapse(折りたたみボタン)を利用する場合、

折り畳み~Bootstrap4移行ガイド

each do内だと、上のボタン式例でいうcllapseExampleの部分はcollapse<%= key %>などとする必要がある。

<% book.each do|key| %>
  <p>
    <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#collapse<%= key %>" aria-expanded="false" aria-controls="collapse<%= key %>">
      <%= key %>
    </button>
  </p>
  <div class="collapse" id="collapse<%= key %>">
    <div class="card card-body">
      コンテンツが表示されます。
    </div>
  </div>
<% end %>

こうすることで、それぞれのkeyに対応した折りたたみボタンとそのコンテンツを表示させることができた。