If i try to toggle the class(active) nothing hapens just flashing in the dev tools. Here is the picture.
And here is my code:
let usercontainer = document.querySelector(".user-container")
let user = document.querySelector(".user")
$(user).on('click', function() {
$(usercontainer).toggleClass(".active")
})
Here is how i render:
<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>
Few tips here:
$ shortcut instead of document.querySelectorSomething like this:
let usercontainer = $(".user-container")
$(".user").on('click', function() {
usercontainer.toggleClass("active")
})