BootstrapのCollapseをeach do内で扱う
下記のようなBootstrapのCollapse(折りたたみボタン)を利用する場合、
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に対応した折りたたみボタンとそのコンテンツを表示させることができた。