ruby​​ on rails loopでブートストラップトグルデータを効果的に実装するにはどうしたらいいですか？

Question

こんにちは私はいくつかの課題を抱えています。私は、アプリケーションのindex.html.erbページでデータトグル崩壊ループを使用しました。これはループの最初のインスタンスでのみ機能します。それは私がそれをクリックするたびに開く、閉じることを意味します。しかし、他のものをクリックするだけで、最初のものが影響を受けます（作品）他のものは動作しません。以下のコードです： @sub_colorはIDを持っている場合、あなたは...それは私がuはこれを簡単に行うことができると思い、ここHow do I solve this Devise authentication challenge?

<% @sub_color.each do |c| %><% unless sub_color.color.nil? %> 
    <table class="table"> 
     <thead > 
     <tr > 
      <th >Names</h2></th > 
      <th >Names 2</th > 
      <th >Names 3</th > 
     </tr > 
     </thead > 
     <tbody > 
     <tr > 
      <td >    
      <a href="#demo"data-toggle="collapse"><%= c.color.title%></a> 
      <div id="demo" class="collapse"> 
       <%=c.title %> 
      </div> 
      </td > 

Answer 1

である私のモデルを見てみたい...

<td >    
    <a href="#demo_<%= c.id %>" data-toggle="collapse"><%= c.color.title%></a> 
    <div id="demo_<%= c.id %>" class="collapse"> 
     <%=c.title %> 
    </div> 
</td > 

Answer 2

私はあなたの問題がある推測しています折りたたみ可能なすべてのdivは同じidを持っています。構文は少しオフになる場合もありますので、私は長い時間（私が代わりにHAMLを使用）にERBを使用していない

<%= link_to c.color.title, "#demo-#{c.color.id}", data: {toggle: "collapse"} %> 
    <%= content_tag :div, c.title, class: "collapse", id: "demo-#{c.color.id}" %> 

：あなたは、おそらくのような何かをする必要があります。

このビット：

<a href="#demo-1" data-toggle="collapse">Red</a> 

そして、このビット：

<%= link_to c.color.title, "#demo-#{c.color.id}", data: {toggle: "collapse"} %> 

はあなたのようなものを（仮定c.color.idが1で、c.color.titleが赤である）与える必要があります

<%= content_tag :div, c.title, class: "collapse", id: "demo-#{c.color.id}" %> 

はあなたのような何かを与える必要があります（と仮定c.titleはブルーです）：

<div id="demo-1" class="collapse">Blue</div> 

またはこれらの行に沿ったもの。