Как скрыть событие входа в систему и регистрации при успешном входе в систему в ASP. NET MVC?

Question

Делаю сайт о продажах. У меня возникли проблемы, когда я создал часть учетной записи.

Детали моей проблемы: при успешном входе в систему я создаю Session["user"], чтобы получить информацию о пользователе, а затем я хочу скрыть события входа и входа, чтобы показать выход и Мое информационное событие

<ul class="login-signup">
    <li id="logIn"><a href="@Url.Action("Index","Account")"><i class="glyphicon glyphicon-log-in"></i>Log In</a></li>
    <li id="signUp"><a href="#">Sign Up</a></li>
    <li id="myInfor"><a href="#">My information</a></li>
    <li id="logOut"><a href="@Url.Action("Logout","Account")"><i class="glyphicon glyphicon-log-out"></i>Log Out</a></li>
</ul>

Я создаю сценарий для этого, как показано ниже

<script>
if (@Session["user"]!=null) {
            $("#logIn").hide();
            $("#signUp").hide();
            $("#myInfor").show();
            $("#logOut").show();
        }
        else {
            $("#logIn").show();
            $("#signUp").show();
            $("#myInfor").hide();
            $("#logOut").hide();
        }
</script>

Он не работает, как я ожидал. Он показывает все 4.

Кажется, это не работает в блоке if else выше. Пожалуйста, помогите мне. Извините за плохой английский sh.

Answer 1

Используйте if statement внутри ul, например:

<ul class="login-signup">

    @if (Session["user"]!=null)
    {
        <li id="myInfor"><a href="#">My information</a></li>
        <li id="logOut"><a href="@Url.Action("Logout","Account")"><i class="glyphicon glyphicon-log-out"></i>Log Out</a></li>
    }
    else
    {
        <li id="logIn"><a href="@Url.Action("Index","Account")"><i class="glyphicon glyphicon-log-in"></i>Log In</a></li>
        <li id="signUp"><a href="#">Sign Up</a></li>
    }

</ul>