ECMAScript 6替代崩溃和负责任的Bootstrap菜单？

Question

我想在没有jQuery的Bootstrap 4中创建一些负责任的汉堡菜单，只依赖于ECMAScript 6和它的功能。我无法找到Bootstrap的collapse.js和animation.js的替代品，所以我决定自己解决这个问题。

什么是操纵DOM和动画ES6中的变化的首选方式？

Answer 1

处理dom操作真的没有什么不同。 ES15带来了许多结构上的差异，您可以使用这些工具来简化编码任务。但DOM中的切换和开关类可以使用ES5

高效地完成

const burger = document.querySelector('.burger-menu'); 
burger.addEventListener('click', handleBurger); 

function handleBurger(e) { 
    e.currentTarget.classList.toggle('open'); 
}