Javascript jQuery切换菜单

我目前有上面的代码，在页面加载时可以正常工作，但如果打开并关闭切换，当您将窗口调整到768px以上时，无论菜单在截止点下方处于何种状态，它都默认打开

---

如何使切换菜单始终保持不变？显然，每次在768px以上时都会显示菜单？

尝试添加

$（“#菜单主导航”）。滑动切换（'slideToggle'）.show

事件之后的code>

我认为你应该管理菜单的可视化，这取决于页面大小，通过CSS而不是JS。。。

$(window).on('resize', function() {
    if ( $( window ).width() > 768 ) {
        $('#menu-main-navigation').show();
    } 
});

$('#nav-toggle').on('click', function() { // start of the nav toggle
    $('#menu-main-navigation').slideToggle('slow');
});