点击侧边栏不打开答案

【问题标题】：Sidebar does not open on click点击侧边栏不打开
【发布时间】：2022-07-19 23:43:00
【问题描述】：

我不明白为什么侧边栏在点击时不打开，它一直保持打开状态。

错在哪里？

function openSidebar() {
    let sidebar = document.querySelector('#sidebarmusic');
    sidebar.classList.toggle('open');
}


sidebarToggler.addEventListener('click', openSidebar);

#sidebarmusic{
    width: 300px;
    height: 100vh;
    position:absolute;
    background-color: var(--black);
    left: 0px;
    top: 0px;
    transition: 0.5s;
}

#sidebarmusic.open{
    left: 0px;
}

<div id="sidebarmusic">
    </div>

    <div class="container-music">
        <div class="header tx-main px-4 py-2 d-flex align-items-center">
            <span id="sidebar-toggler" class="tx-gradient"><i class="fa-solid fa-music"></i>Playlist</span>
        </div>

        <div class="image d-flex justify-content-center align-items-center">
            <img id="cover-track" src="./img_music/cover-9.jpg" alt="">
        </div>

【问题讨论】：

标签： javascript

【解决方案1】：

一般来说，当你有一个 sidebar.classList.toggle('open'); 任何带有切换的东西时，你不会指定它应该切换到或从哪个状态，而是指望只有 2 个状态并且状态应该改变的事实。

所以使用sidebar.classList.toggle();之类的东西

【讨论】：