ASP.net如何隐藏访客的菜单项？

<asp:Menu ID="Menu1" runat="server">
    <Items>
        <asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/Default.aspx" />
        <asp:MenuItem Text="About" Value="About" NavigateUrl="~/About.aspx" Roles="Admin" />
        <asp:MenuItem Text="Contact" Value="Contact" NavigateUrl="~/Contact.aspx" Roles="User" />
    </Items>
</asp:Menu>

<asp:Menu ID="Menu1" runat="server">
    <Items>
        <asp:MenuItem Text="Home" Value="Home" NavigateUrl="~/Default.aspx" />
        <asp:MenuItem Text="About" Value="About" NavigateUrl="~/About.aspx" Visible='<%# User.Identity.IsAuthenticated %>' />
        <asp:MenuItem Text="Contact" Value="Contact" NavigateUrl="~/Contact.aspx" Visible='<%# User.Identity.IsAuthenticated %>' />
    </Items>
</asp:Menu>

<ul id="menu">
    <li><a href="Default.aspx">Home</a></li>
    <li id="about" style="display: none;"><a href="About.aspx">About</a></li>
    <li id="contact" style="display: none;"><a href="Contact.aspx">Contact</a></li>
</ul>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    $(document).ready(function() {
        if (userLoggedIn) {
            $("#about").show();
            $("#contact").show();
        }
    });
</script>