.slideToggle（）在一个段落而不是所有其他具有相同ID的段落上

Question

我希望它像http://jsfiddle.net/jfriend00/JrhNz/6/一样工作，但我没有使用id的css类。

尝试使用id而不是css类修改我的代码，但它不起作用。

我的代码：

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。如果页面上的两个或多个元素具有相同的ID，则JavaScript将始终停在第一个，而忽略其余元素。