0

期待どおりに動作しない次の HTML コードと JS (coffescript) コードがあります。

JS コード

$(document).ready ->
    $("#description_details").click ->
      $(this).closest('li').next().slideToggle("fast")

HTMLコード(簡易版)

<ul>
  <li><a href="#" id="description_details">Details</a></li>
  <li id="description_text">some more details</li>
  <li><a href="#" id="description_details">Details</a></li>
  <li id="description_text">some more details</li>
  <li><a href="#" id="description_details">Details</a></li>
  <li id="description_text">some more details</li>
  .
  .
  .
</ul>

CSS/SASS

#description_text
  display: none

私の意図は、常に次の項目を切り替えるliことですが、最初の項目でのみ機能します。liアイテムに追加のクラスまたは一意の識別子を与える可能性はありません。それで、最も近いものと次のもので試しましたが、最初のものでしか機能しません。

li内部にさらにテキストがあるため、リンクにクリックイベントを設定することもできません。

どんな助けにもとても感謝しています!

4

2 に答える 2