jQuery切换菜单

Question

$(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');
});

我目前有上面的代码，在页面加载时工作正常但是如果你打开切换并关闭它，当你在768px以上调整窗口大小时，它默认打开，无论菜单在切断点下面的状态是什么。

我怎样才能让它始终是切换菜单？并且显然每次都在768px以上显示菜单？

Answer 1

尝试在第一个条件语句中的$('#menu-main-navigation').slideToggle('slow');事件后添加.show。