ECMAScript 6 替代折叠和负责任的引导菜单？ [关闭]

Question

我正在尝试在不使用 jQuery 的 Bootstrap 4 中创建一些负责任的汉堡菜单，仅依赖 ECMAScript 6 及其功能。我找不到 Bootstrap 的 collapse.js 和 animation.js 的替代品，所以我决定自己解决这个问题。

在 ES6 中操作 DOM 和动画更改的首选方式是什么？

Answer 1

处理 dom 操作并没有什么不同的方法。 ES15 在您可以使用的工具方面带来了许多结构差异，这将使您的编码任务更容易。但是使用 ES5 可以有效地完成 DOM 中的切换和切换类

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

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