.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將始終停在第一個元素上，而忽略其餘元素。