多くのレコード(注文)を含むビューで目立たない切り替えを使用しています。個々のdivで機能するようになりましたが、各Orderが独自のトグルリンクを使用してループ内で個別に拡張/縮小できるように機能させたいと思います(リンクもループされます)。
拡張可能なdivがxと呼ばれる場合、問題は、トグルボタンのすべてのループが、それ自体の反復でdivではなく最初のdivを切り替えるだけです-最善の方法は、各拡張可能なセクションの識別子にorder_idを使用することだと思いますか?
より経験豊富な視聴者はこれを笑うかもしれません:)しかし私は次のようなコードで遊んでみました:
<% for order in @orders do %>
# toggle
<a class="toggle" href="#<%= order.id %>" rel="toggle[<%= order.id %>]">Toggle</a>
# expandable div with its own nested toggle
<div id="<%= order.id %>" class="expand_me">
# nested toggle inside the looping expandable div
<a class="toggle" href="?" rel="toggle[?]">Toggle</a>
<div id="?" class="expand_me">
...
</div>
</div>
<% end %>
ご覧のとおり、これらの各ループ内には、トグルできるようにしたいサブセクションがいくつかあります。拡張可能なループdiv内で複数のdivを切り替えることができる必要がある場合、ソリューションはどのように変わりますか?これは、メインのトグルdivをorder.idとして参照する場合、複数の内部divを参照する方法がわからないためです。これは明らかにメインの問題によるものです。