如何在javascript中显示/隐藏重叠的div？

我正在使用javascript解析xml文件，然后在HTML中正确显示它

我对所有这些技术都很陌生。我正在做的是解析xml并生成html表单，用户可以对其执行提交操作。我正在成功显示表单。但我每次都在newdiv下生成for循环内部的表单，然后将新div分配给表的TD。现在我想在用户单击标签时显示特定的div，但由于它是在循环中生成的，所以它们彼此重叠，所以它只显示最后一个div

如何在javascript中显示/隐藏重叠的div

这是我的名片

和xml文件

当前视图看起来像

---

更好地使用css类并在jQuery方法中调用它们。Z-Index将帮助您解决s重叠的问题。

您能提供任何示例吗，我不知道JQUERY您的小提琴不适合我。

    <?xml version="1.0" encoding="UTF-8"?>
<CONTROLLERS>
    <CONTROLLER>
        <TITLE>User</TITLE>
        <ACTION>
            <LABEL>Create User</LABEL>
            <HTTP_METHOD>POST</HTTP_METHOD>
            <PARAMS>
               <PARAM><NAME>email</NAME></PARAM>
               <PARAM><NAME>user_name</NAME></PARAM>
               <PARAM><NAME>first_name</NAME></PARAM>
               <PARAM><NAME>last_name</NAME></PARAM>
            </PARAMS>
        </ACTION>
        <ACTION>
            <LABEL>Update User</LABEL>
            <HTTP_METHOD>POST</HTTP_METHOD>
            <PARAMS>
               <PARAM><NAME>id</NAME></PARAM>
               <PARAM><NAME>email</NAME></PARAM>
               <PARAM><NAME>user_name</NAME></PARAM>
               <PARAM><NAME>first_name</NAME></PARAM>
               <PARAM><NAME>last_name</NAME></PARAM>
            </PARAMS>
        </ACTION>
    </CONTROLLER>
    <CONTROLLER>
        <TITLE>Admin</TITLE>
        <ACTION>
            <LABEL>Create Admin</LABEL>
            <HTTP_METHOD>GET</HTTP_METHOD>
            <PARAMS>
               <PARAM><NAME>email</NAME></PARAM>
               <PARAM><NAME>admin_name</NAME></PARAM>
               <PARAM><NAME>password</NAME></PARAM>
            </PARAMS>
        </ACTION>
    </CONTROLLER>
</CONTROLLERS>