animation.js

let sideBar = document.querySelector(".side_bar");
let menu = document.querySelector(".hum_burger");
let spanOne = document.querySelector(".hum_burger .one");
let spanTwo = document.querySelector(".hum_burger .two");
let spanThree = document.querySelector(".hum_burger .three");

let count =0;
menu.addEventListener("click", () => {
    if(count === 0){
        sideBar.style.transform = "translateX(0)";
        spanOne.style.transform = "rotate(-45deg)";
        spanTwo.style.transform = "translateX(6px)";
        spanThree.style.transform = "rotate(45deg)";
        count++;
    } else if(count === 1){
        sideBar.style.transform = "translateX(-80%)";
        spanOne.style.transform = "rotate(0)";
        spanTwo.style.transform = "translateX(0)";
        spanThree.style.transform = "rotate(0)";
        count--;
    }
})