Javascript 单击超链接需要以html格式显示编辑表单

当我单击id时，我正在以表格格式显示数据需要在同一页面上显示编辑表单而不刷新，但当我单击用户id时，它正在显示表单，但当我单击第二个id时，它正在关闭表单

如果我先单击它，它会打开表单，如果我单击相同的id，那么只有它会关闭，如果没有，它会显示出来

如果我点击第二个id，那么应该显示与该id相关的编辑表单

这是密码

用户ID
名称
电子邮件
电话
用户角色
地位
管理
admin@gmail.com
9989099890
管理
医生
doctor@gmail.com
9999999999
医生
名字：
姓氏：
电邮：
电话号码：

Javascript:

function toggler(divId) {
    $("#" + divId).toggle();
}

CSS:

.hiddens{
显示：无；
}

请检查这个

var oldID=''
功能切换器（divId、pageID）{
if（$（“#”+divId）.hasClass（“hiddens”）| | pageID！=oldID）
$（“#”+divId）.removeClass（'hiddens'）；
其他的
$（“#”+divId）.addClass（'hiddens'）；
oldID=pageID；
}

.hiddens{
显示：无；
}

用户ID
名称
电子邮件
电话
用户角色
地位
管理
admin@gmail.com
9989099890
管理
医生
doctor@gmail.com
9999999999
医生
名字：
姓氏：
电邮：
电话号码：

“那么应该显示与该id相关的编辑表单”-您只有一个具有一个id的表单…使用

$（'#DivId'）。removeClass（'hiddens'）

@David这里的数据是动态的我已经发布了示例数据如果数据是动态的，那么我们如何在onclick上传递Id你可以传递动态值而不是静态值。比如用id替换742之类的