Javascript 要防止下拉菜单在默认情况下打开吗

在移动视图（窗口大小小于800px）中，下拉菜单现在默认打开并覆盖内容。我希望在单击切换按钮之前隐藏菜单

网站：jweeklyusa.com

老实说，我可以编写html和css，但我对javascript知之甚少。如果你能帮助我，我真的很感激。多谢各位

/*添加用于移动导航的菜单切换按钮*/
$（“#主导航”）。在（''）之前；
/*为移动设备添加下拉幻灯片动画*/
$（“#主导航切换”）。打开（'单击'，函数（）{
菜单_wrap.slideToggle（）；
$（this.toggleClass（'active'）；
});
/*为移动导航菜单添加子菜单*/
main_menu.addMobileSubmenu（）；
header_menu.addMobileSubmenu（）；
} );
在slideToggle（）的jQuery文档中，它说“如果元素最初显示，它将被隐藏；如果隐藏，它将被显示。”

看起来您最初将CSS显示设置为“无”。尝试最初删除该属性。
在用于slideToggle（）的jQuery文档中，它说“如果元素最初显示，它将隐藏；如果隐藏，它将显示。”

看起来您最初将CSS显示设置为“无”。尝试最初删除该属性。
使用Chrome inspector，您的CSS中似乎有两个显示元素：

@media only screen and (max-width: 720px)
.main-navigation-menu-wrap

    display: none;
    float: left;
    width: 100%;
    border-top: 0px solid #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

尝试移除
显示：flex行并查看是否已修复

希望这有帮助。
使用Chrome inspector，CSS中似乎有两个显示元素：

@media only screen and (max-width: 720px)
.main-navigation-menu-wrap

    display: none;
    float: left;
    width: 100%;
    border-top: 0px solid #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

尝试移除
显示：flex行并查看是否已修复

希望这有帮助。
像这样编辑style.css。主导航菜单换行{显示：无；浮动：左；宽度：100%；边框顶部：0px实心#ffffffff；弹性方向：列；对齐项目：弹性开始；对齐内容：弹性开始；}像这样编辑style.css。主导航菜单换行{display:none；float:left；width:100%；border top:0px solid#ffffff；flex direction:column；align items:flex start；justify content:flex start；}修复了它！非常感谢：D（现在我记得它是如何到达那里的…）修复了它！非常感谢：D（现在我记得它是如何到达那里的…）另一个答案解决了问题，但感谢您的快速回复！另一个答案解决了问题，但感谢您的快速回复！