JavaScript滑动侧边栏菜单

我正在尝试使用HTML CSS转换和标准JavaScript创建右侧的边栏菜单，并且还导入了一些图标

我的代码如下所示（JavaScript代码在HTML文档中）：

由于某种原因，当我点击汉堡按钮时，侧边栏不会向右滑动。有人能给我解释一下原因吗？我的JavaScript代码正确吗？

我发现了您的问题： 在JS代码中，检查按钮的内部HTML是否为：

<i class="fas fa-bars"></I>

但是，Fontsome向

元素添加了一个新属性。现在它的内部HTML是：

<i class="fas fa-bars" aria-hidden="true"></I>

我建议在js中使用一个变量或类似的东西来检查/保存菜单是否打开。 你的方法很容易导致更多的错误

---

此外，为了获得更好的性能，如果可能的话，我建议使用Transform而不是margin设置动画。

我认为缺少一些代码，您可以检查它吗？在控制台面板中尝试此检查，它会显示您单击时发生的情况

<i class="fas fa-bars"></I>

<i class="fas fa-bars" aria-hidden="true"></I>