Javascript jquery在单击查询中的多个条目时显示div

Jquery：

$（文档）.ready（函数（）{
$（“#标题”）。单击（函数（）{
$（“#desc”）。切换（500）；
});
});

HTML:

---

首先，使用
类
而不是
id

然后

您不应该使用ID元素。您应该使用class元素

您可以编写代码

`


$（文档）.ready（函数（）{
$（“.topic_shortnews”）。单击（函数（）{
$（this）.closest（“tr”）.next（）.find（#desc”）.toggle（500）；
});
});

`

而且
JSFIDLEIDS中的粘贴代码必须是唯一的！如果您需要ID，请制作一个计数器并将其添加到ID中，如
标题1
标题2
等。您也可以将计数器添加到

 <script>
 $(document).ready(function(){
   $("#title").click(function(){
     $("#desc").toggle(500);
   });
 });
 </script>

 <?php
   echo '<table width="100%">';
   while ($rrow=mysql_fetch_row($result)) {
    $id = $rrow[0];
    $pos = $rrow[1];
    if (strlen($rrow[2])) { $valid = date_dmy($rrow[2]); }
    $des = $rrow[3];
    echo ' <tr>';
    echo '  <td class="c1"><IMG SRC="gfx/icon-ppl.gif">&nbsp;'; printf("<a href='#' id='title' class='topic_shortnews'><B>%s</B></a>",$position);;
    echo '</tr><tr>';
    echo ' <td class="s1">'; printf ("<div id='desc' style='display: none;'>%s</div>",$description); echo '</td>';
    echo '</tr>';
   }
   echo '</table>';
 ?>

$(document).ready(function(){
   $(".title").click(function(){
     $(this).closest('tr').next().find(".desc").toggle(500);
   });
 });

<script>
 $(document).ready(function(){
   $(".topic_shortnews").click(function(){
     $(this).closest("tr").next().find("#desc").toggle(500);
   });
 });
 </script>