首页 > 解决方案 > 将 jquery toggle 转换为纯 js

问题描述

我想要一些帮助将这个 jQuery 代码转换为“vanilla”JavaScript。

$(document).ready(function() {
  $("#menu-icon").click(function(){
    $("#sidebar").toggleClass('show-sidebar');
  });
});

标签: javascriptjquery

解决方案


像这样的东西:

window.addEventListener('DOMContentLoaded', () => {
    const icon = document.getElementById('menu-icon');
    const sidebar = document.getElementById('sidebar');
    icon.addEventListener('click', () => {
        sidebar.classList.toggle('show-sidebar');
    })
});

推荐阅读