Javascript - 登录/注册div（褪色）

Question

我正在使用asp.net构建一个网站，在您必须登录的网站上查看内容，我正在尝试使用Divs和fQuery的fadein fadeout制作一个不错的登录/注册表单。

假设发生什么： 如果session [“userID”]为null，则意味着他没有被记录并且div应该出现。但如果它具有价值，那意味着他登录并显示网站内容。

有3个div：

• “fullDiv” - 后台的div，禁止用户点击登录/注册div后面的内容。

• “loginDiv” - 用fadein显示的div，可以在那里登录或点击“注册”按钮。

• “registerDiv” - 如果用户点击了loginDiv中的“注册”按钮，那么loginDiv会退出，而且这个div会消失。

我目前的代码：

使用Javascript：

<script type="text/javascript">
    $(document).ready(function () {
        if (!isPostBack()) {
            $("#registerDiv").hide();
            $("#loginDiv").hide();
            $("#loginDiv").fadeIn(3000);
        }
    });

    $(document).ready(function () { 
        if (isLogged)
        {
            $("#loginDiv").hide();
            $("#registerDiv").hide();
            $("#fullDiv").hide();
        }
    });

    $("#btnRegister").click(function () {
        $("#loginDiv").fadeOut(3000);
        $("#loginDiv").hide();
        $("#registerDiv").fadeIn(3000).delay(1000);
    });

    function isPostBack() {
        return document.getElementById('_ispostback').value == 'True';
    };

    function isLogged() {
        return document.getElementById('_isLogged').value == 'True';
    };
</script>

HTML：

<input type="hidden" id="_ispostback" value="<%=Page.IsPostBack.ToString()%>" />
<input type="hidden" id="_isLogged" value="<%=Session["userID"]%>" />

<div id="fullDiv" class="Fullscreen" style="z-index:2; opacity:0.75">
</div>

<div id="loginDiv" style="z-index:3; position:absolute; background-color: #E94242; width:60%; height:70%; top: 122px; left: 405px;">
____All the textboxes are here____
</div>

<div id="registerDiv" style="z-index:3; position:absolute; background-color: #E94242; width:60%; height:70%; top: 122px; left: 405px;">
____All the textboxes are here____
</div>

此外，我需要以某种方式处理PostBack，因为如果单击“登录”按钮，那么它只会刷新页面并再次创建它...

一开始应该是这样的：

登录后：