jquery - 同じIDを持つ他のすべての段落ではなく、1つの段落の.slideToggle（）

Question

このhttp://jsfiddle.net/jfriend00/JrhNz/6/のように機能させたいのですが、cssクラスの代わりにIDがあります。

cssクラスの代わりにidsを使用してコードを変更しようとしましたが、機能しません。

私のコード：

echo "<tr>
        <td>
            <p class=\"question\" id=\"question\">".$rand['nume']."</p>
            <p class=\"answer\" id=\"answer\">".$rand['rasp']."</p>
        </td>
      </tr>";

$(document).ready(function(){
     $("#question").click(function(){
         var prev = $(this).prev("p#answer");
         $(this).siblings("p#answer").not(prev).slideUp("slow");
         prev.slideToggle("slow");
     });

     $("p#answer").click(function(){
         $(this).siblings("p#answer").slideUp("slow");
         $(this).slideToggle("slow");
     });
});​

Answer 1

クラスをターゲットにするには、コード内のすべてのポイントを に"p#answer"置き換えます。"p.answer"

要素が別の要素と同じ ID を持つべきではありません。ページ上の 2 つ以上の要素が同じ ID を持つ場合、JavaScript は常に最初の要素で停止し、残りを無視します。