在表单操作后永久隐藏元素

时间:2017-07-06 15:11:34

标签: javascript php jquery css

我不知道如何实现这种效果,因此我希望将其培养出来,希望有人知道标准方法或解决方法,这样我就可以在表单提交后隐藏某些元素。我在用户提交表单后尝试在网站的信息中心页面上隐藏(3)元素。

要隐藏的元素:

.vc_tta-tab:nth-child(2).vc_tta-tab:nth-child(3).vc_tta-tab:nth-child(4)

用户提交表单后,页面会重定向到单独的成功页面,然后用户点击“返回主页”状态。按钮返回仪表板。我需要能够永久隐藏这些(3)元素在每个用户'表格提交后的基础。

我的问题是,这可能吗?我怎么能实现这个目标?


功能

表格提交方法:发布

课程:.vc_tta-tab:nth-child(2).vc_tta-tab:nth-child(3).vc_tta-tab:nth-child(4)

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

假设您已在会话中正确存储了登录状态,您可以执行以下操作:

<!doctype html>
<html class="<?= $_SESSION["logged_in"] ? "logged_in" : "logged_out"?>">
<head>
    <style>
        html.logged_in .vc_tta-tab:nth-child(2),
        html.logged_in .vc_tta-tab:nth-child(3),
        html.logged_in .vc_tta-tab:nth-child(4) {
            display: none;
        }
    </style>
</head>
...

也就是说,将一个类应用于祖先元素并根据它创建规则。如果没有出现该类,则您的元素将按照通常的方式运行。