jQuery 切换菜单

jQuery Toggle Menu

本文关键字：菜单 jQuery      更新时间：2023-10-11
$(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 以上都显示菜单？

尝试在

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

相关文章：