.slideToggle（）在一个段落，而不是所有其他人使用相同的ID

Question

我希望它能像这样工作http://jsfiddle.net/jfriend00/JrhNz/6/，而不是css类我有ID。

试图用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将始终停在第一个元素上，而忽略其余元素。