我的javascript代码有一个问题。我想有一个函数，如果我点击类或id，它会添加css类，这样当按钮被点击时用户界面就会不同，我想让它看起来像正常的按钮再次点击时。这是我的代码

function Menu(e) {
  let list = document.querySelector('ul');
  e.name === 'menu' ? (e.name = "close", list.classList.add('top-[80px]'), list.classList.add('opacity-100')) : 
                      (e.name = "menu", list.classList.remove('top-[80px]'), list.classList.remove('opacity-100'))
  if (e) {
    $('.navbar').addClass("sticky-costum-2");
  } else {
    $('.navbar').removeClass("sticky-costum-2");
  }
};

上下文是我想让我的导航栏看起来更大，当用户点击汉堡按钮，所以它将添加类“sticky-costum-2”，使其更大。
但问题是，如果我再次点击关闭汉堡按钮，它不会删除类，我知道我错了，但我是新手，我最近在我的上一个项目中遇到了同样的问题，这是我的代码

var b = document.getElementById("button");
      var audio = document.getElementById("player");
    
      
      b.addEventListener("click", function(){
        if(audio.paused){
          
          audio.play();
          audio.loop='true';
          b.innerHTML = "<img class='sticky' src ='https://cdn-icons-png.flaticon.com/512/0/375.png'>";
        } else {
          audio.pause();
          b.innerHTML = "<img class='sticky' src ='https://cdn.icon-icons.com/icons2/933/PNG/512/rounded-pause-button_icon-icons.com_72587.png' >";
        }
      });

是的这是一个音频播放器，它的工作，它可以播放和暂停音频在同一个按钮，但我不知道我如何才能实现这我的代码来解决我的问题。