Si trato de alternar la clase (activa), no sucede nada, solo parpadea en las herramientas de desarrollo. Aquí está la foto.
Y aquí está mi código:
let usercontainer = document.querySelector(".user-container") let user = document.querySelector(".user") $(user).on('click', function() { $(usercontainer).toggleClass(".active") })Así es como renderizo:
<div className="user"> <img className="upic" src="https://cdn.discordapp.com/avatars/477814830598717441/3d84322f38d500a46e017951569a8c42.webp?size=1024" alt="usericon" /> <a className="uname">F4||1ng</a> <div className="user-container"> <div className="logout-container"> <div className="logout">Kijelentkezés</div> </div> <div className="notes-container"> <div className="notes">Jegyzeteim</div> </div> </div> </div>Algunos consejos aquí:
$ en lugar de document.querySelectorAlgo como esto:
let usercontainer = $(".user-container") $(".user").on('click', function() { usercontainer.toggleClass("active") })