ドロップダウンボタンが1つしかクリックされていない場合、他のすべてのドロップダウンボタンはなぜそれらのメニューをドロップするのですか？

Question

私は私の見解では、これを持っている：（ボタンはちょうど基礎http://foundation.zurb.com/sites/docs/v/5.5.3/components/dropdown_buttons.htmlから取得されます）

- books.each do |book| 
    .row 
    .panel 
     .row 
     .small-9 class='columns' 
      ul 
      li 
       = link_to "#{book.name}", book_path(book) 
     .small-3 class='columns' 
      - if current_user.books.exists?(book.id) 
      button[href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Read 
      ul[id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"] 
       li 
       = link_to "Remove from my read list", delete_from_my_books_path(book) 
      break 
      - else 
      button[href="#" data-dropdown="drop1" aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Not read 
      ul[id="drop1" data-dropdown-content class="f-dropdown" aria-hidden="true"] 
       li 
       = link_to "Add to my read list", add_to_my_books_path(book) 

本は、すでにユーザーによって読み込まれているのであれば、ボタン上のテキストは、「読み」で、そこにありますオプション "読み取りリストから削除"をクリックします。ただし、ボタンをクリックすると、他の書籍の近くにあるすべてのボタンもメニューをドロップします。

あなたが見ることができるようにまた、これらのメニューを下に移動だけでなく、そのため、それらの値（ユーザーがそれを読んでいるか否かに応じて、追加または削除）

、私はので、それが起こると確信していますループブックのそれぞれがそうする。しかし、私はそれを削除すると、私は自分のメソッド 'add_to_my_books_path（本）'などを使用することはできません これらのドロップダウンを自分の人生を別々に生きていないようにする方法を知っている場合は、それらのボタンをクリックしないようにする方法について説明します。 ありがとうございます！

Answer 1

すべてのプルダウンは同じIDです。 book.idのようなものからドロップダウンIDを作成してみてください：

- books.each do |book| 
    .row 
    .panel 
     .row 
     .small-9 class='columns' 
      ul 
      li 
       = link_to "#{book.name}", book_path(book) 
     .small-3 class='columns' 
      - dropdown_id = "drop#{book.id}" 
      - if current_user.books.exists?(book.id) 
      button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Read 
      ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"] 
       li 
       = link_to "Remove from my read list", delete_from_my_books_path(book) 
      break 
      - else 
      button[href="#" data-dropdown=dropdown_id aria-controls="drop1" aria-expanded="false" class="button dropdown small secondary"] Not read 
      ul[id=dropdown_id data-dropdown-content class="f-dropdown" aria-hidden="true"] 
       li 
       = link_to "Add to my read list", add_to_my_books_path(book)