使用OnClick链接设置为可见后，叠加类不会还原

Question

我正在建立一个网站，但是我遇到了一个问题。用于将覆盖类从不可见工作切换到可见工作的初始链接，但是当我单击可见覆盖中的链接时，它们将不会再次切换类。我的代码在这里：

<div id="login-overlay" class="overlay-hidden">
    <div class="popup-box">
        <a href="#" onclick="change_Login_Overlay_Class()" style=" float:right; width:20px; height:20px;">Close</a>
    </div>
</div>

将覆盖类更改为可见的链接按钮位于：

<a href="#" class="navbar-link" onclick="change_Login_Overlay_Class()">Login</a>

javascript函数是：

function change_Login_Overlay_Class () {
if($("#login-overlay").hasClass("overlay_visible")){
    $("#login-overlay").removeClass("overlay-visible").addClass("overlay-hidden");
}
else{
    $("#login-overlay").removeClass("overlay-hidden").addClass("overlay-visible");
}
}

如果有任何帮助我也在使用Bootstrap框架。

非常感谢任何帮助或正确方向的观点！

Answer 1

function change_Login_Overlay_Class () {
    if($("#login-overlay").hasClass("overlay-visible")){
        $("#login-overlay").removeClass("overlay-visible").addClass("overlay-hidden");
    }
    else{
        $("#login-overlay").removeClass("overlay-hidden").addClass("overlay-visible");
    }
}

你把你的课写错了！