当div点击top时Sidemenu切换

<div id="top">点击切换侧边栏</div>
<div id="sidemenu">
    <ul>
        <li><a href="#">链接1</a></li>
        <li><a href="#">链接2</a></li>
        <li><a href="#">链接3</a></li>
    </ul>
</div>

#sidemenu {
    display: none; /* 默认隐藏侧边栏 */
    width: 200px;
    height: 100%;
    background-color: #f1f1f1;
    position: fixed;
    top: 0;
    left: 0;
}

#sidemenu.active {
    display: block; /* 显示侧边栏 */
}

document.getElementById('top').addEventListener('click', function() {
    var sidemenu = document.getElementById('sidemenu');
    if (sidemenu.classList.contains('active')) {
        sidemenu.classList.remove('active');
    } else {
        sidemenu.classList.add('active');
    }
});