Javascript 菜单切换功能在ECOMERCE站点上不起作用

嗨，我一直试图自己解决这个问题，但我已经花了太多的时间试图解决它。我无法添加图像，因为idk如何在这里，但如果有人可以帮助我，请。或者至少给我指引正确的方向。My main.js位于一个名为js的文件夹中。我的styles.css和html没有文件夹，但它们似乎工作得很好，因为我知道这也很重要

函数菜单切换（）{
var MenuItems=document.getElementById（“MenuItems”）；
MenuItems.style.maxHeight=“0px”；
如果（MenuItems.style.maxHeight==“0px”）{
MenuItems.style.maxHeight=“200px”；
}否则{
MenuItems.style.maxHeight=“0px”；
}
}

。菜单图标{
宽度：28px；
左边距：20px；
显示：无；
}
/*---菜单的媒体查询---*/
@仅介质屏幕和（最大宽度：800px）{
导航ul{
位置：绝对位置；
顶部：70像素；
左：0；
背景：#333；
宽度：100%；
溢出：隐藏；
过渡：最大高度0.5s；
}
李国荣{
显示：块；
右边距：50px；
边缘顶部：10px；
边缘底部：10px；
}
海军ulli a{
颜色：#fff；
}
.菜单图标{
显示：块；
光标：指针；
}
}

古琦

切换功能的问题在于每次切换时都将高度设置为0px

您需要删除此行：

MenuItems.style.maxHeight=“0px”


函数菜单切换（）{
var MenuItems=document.getElementById（“MenuItems”）；
如果（MenuItems.style.maxHeight==“0px”）{
MenuItems.style.maxHeight=“200px”；
}否则{
MenuItems.style.maxHeight=“0px”；
}
}
。菜单图标{
宽度：28px；
左边距：20px；
显示：无；
}
/*---菜单的媒体查询---*/
@仅介质屏幕和（最大宽度：800px）{
导航ul{
位置：绝对位置；
顶部：70像素；
左：0；
背景：#333；
宽度：100%；
溢出：隐藏；
过渡：最大高度0.5s；
}
李国荣{
显示：块；
右边距：50px；
边缘顶部：10px；
边缘底部：10px；
}
海军ulli a{
颜色：#fff；
}
.菜单图标{
显示：块；
光标：指针；
}
}








切换功能的问题在于每次切换时都将高度设置为0px

您需要删除此行：

MenuItems.style.maxHeight=“0px”


函数菜单切换（）{
var MenuItems=document.getElementById（“MenuItems”）；
如果（MenuItems.style.maxHeight==“0px”）{
MenuItems.style.maxHeight=“200px”；
}否则{
MenuItems.style.maxHeight=“0px”；
}
}
。菜单图标{
宽度：28px；
左边距：20px；
显示：无；
}
/*---菜单的媒体查询---*/
@仅介质屏幕和（最大宽度：800px）{
导航ul{
位置：绝对位置；
顶部：70像素；
左：0；
背景：#333；
宽度：100%；
溢出：隐藏；
过渡：最大高度0.5s；
}
李国荣{
显示：块；
右边距：50px；
边缘顶部：10px；
边缘底部：10px；
}
海军ulli a{
颜色：#fff；
}
.菜单图标{
显示：块；
光标：指针；
}
}








create images folder and inside images folder pass carticon.png&hamburger-menu-icon-transparent-1.jpg image。不，我的意思是我不知道如何在这里添加图像，以便您可以看到完整的工作代码段。我真正的问题是为什么我的菜单不会切换？创建图像文件夹和内部图像文件夹通过carticon.png&hamburger-menu-icon-transparent-1.jpg image。不，我的意思是我不知道如何在这里添加图像stackoverflow，以便您可以看到完整的工作代码段。我真正的问题是为什么我的菜单不会切换？