单击另一个tr时，使用javascript/jQuery显示下一个tr

我正在创建一个管理页面，显示等待批准的用户注册列表。我有一个表格，列出了用户名和每个用户的批准/拒绝复选框（我可能会改为单选按钮）。每个列出的用户下面都有一个隐藏的表行，显示其详细信息（全名、注册日期等）

我想要的是点击带有用户名的tr，并在其下方显示隐藏的tr和所有细节，然后当您点击不再隐藏的tr时，它再次隐藏

当我点击一个带有用户名的tr时，它实际上是在显示所有隐藏的tr，然后如果我点击一个以前隐藏的tr，那个特定的tr就会隐藏

有没有办法使用索引+1来告诉它要显示哪个隐藏的tr？或者有没有一种方法可以通过第一个子功能实现这一点？还是有更好的方法

我不能将特定的类名与隐藏的tr一起使用，因为无法知道加载页面时会有多少挂起的用户（都是从数据库中提取的）

以下是我的代码：

<?php
  for ($output_user = 0; $output_user <= $num_pending - 1; $output_user++)
  {
    echo "\n\t<tr class=\"pending_users\">\n\t\t<td class=\"admin\">".$pending_user[$output_user][0]."</td>";
    echo "\n\t\t<td class=\"m_1\"><input type=\"checkbox\" value=\"approve\"/></td>";
    echo "\n\t\t<td class=\"m_l\"><input type=\"checkbox\" value=\"deny\"/></td>";
    echo "\n\t</tr>";
    echo "\n\t<tr class=\"showhide\">\n\t\t<td class=\"admin\" colspan=\"3\">Name:".$pending_user[$output_user][1]." ".$pending_user[$output_user][2]."\nEmail: ".$pending_user[$output_user][3]."\nEnrol Date: ".$pending_user[$output_user][4]."</td>\n\t</tr>";
    echo "\n\t</tr>";
  }
?>
<script>
 $(document).ready(function() {
  //Hides specific user details when the page loads
  $("div.show_user_info tr.showhide:visible").hide();

  //Makes every other row another bgcolor - effects pending user table only
  $("tr.pending_users:odd").css("background-color", "#ffff00");
 });

 $("td.admin").click(function () {
  $("div.show_user_info tr.showhide:hidden").slideDown("slow");
 });

 $("tr.showhide").click(function () {

  $(this).slideUp("slow");          
 });
</script>

$（文档）.ready（函数（）{
//加载页面时隐藏特定的用户详细信息
$（“div.show_user_info tr.showhide:visible”）.hide（）；
//仅使每隔一行成为另一个bgcolor-effects挂起用户表
$（“tr.pending_users:odd”）.css（“背景色”，“ffff00”）；
});
$（“td.admin”）。单击（函数（）{
$（“div.show\u user\u info tr.showhide:hidden”）.slideDown（“慢”）；
});
$（“tr.showhide”）。单击（函数（）{
$（此）.slideUp（“慢”）；
});

使用

$（this.parent（）.next（'tr.showhide'）

获取所单击单元格父行的下一个tr.showhide:

$('tr.pending_users td.admin')
      .click(function(){$(this).parent()
                        .next('tr.showhide')
                         .slideToggle();});

slideToggle（）

切换可见性

---

演示：

效果很好！非常感谢你！谢谢，它也帮助了我