2013-11-25 112 views
0
$(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它默认的窗口,无论留下什么状态菜单中打开在截止点以下。jQuery的切换菜单

我怎样才能得到它始终是切换菜单是什么?显然每次显示菜单768px以上?

+0

我想你应该通过CSS而不是JS来管理菜单的可视化,这取决于页面的大小。 – RikyTres

回答

0

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