我有这个html代码：

<div class="login">
            <ul class="preLogin" > 
                <div>
                    <li>
                        <input type="text" class="Nombre" id="name" placeholder="Usuario.."></li>  
                </div>
                <div>
                    <li>
                        <input type="password" class="pass" id="pass" placeholder="Contraseña.."></li>
                    </div>
                <div class="botonLogin" id="BotonLogin"><p>Entrar</p></div>
            </ul>
            <ul >
                <div>
                    <img src="./img/admin.png" alt="adminIcon" class="adminIcon" id="adminIcon">
                    <p class="textoPostLogin">¡Hola administrador!</p>
                </div>
            </ul>
        </div>

这是CSS

.preLogin{
  display: none;
}


.postLogin{
  display: none;

这是文件. js

jQuery('document').ready(function ($) {   
    var btnLogin = $('.botonLogin'),
    menu = $('.login ul');
    btnLogin.click(function(){
        
        var name=document.getElementById("name").value;
        var pass=document.getElementById("pass").value;
        if (name == "admin" && pass=="admin"){
            window.alert("Bienvenido a nuestro sitio web");
            menu.addClass('preLogin');
            menu.removeClass('postLogin');
        }
    });
});

我想要做的是和之前的js做的一样，但这次是用第二个ul：我不知道如何访问用户界面来隐藏css样式登录后显示第二个用户界面。
谢谢你!
我想知道如何访问第二个UL以更改CSS样式