slideToggle在我的ul滑动切换(jQuery帮助)上有橡皮筋效果

问题描述:

当窗口浏览器小于600p x时,我的移动菜单具有slideToggle的jQuery功能。但是,当图标被点击时,它会滑落ul,但立即将其滑回。slideToggle在我的ul滑动切换(jQuery帮助)上有橡皮筋效果

这里就是我说的

https://jsfiddle.net/0cc4dynv/

+0

试试这个.... $(文件)。就绪(函数(){ $( '#触发')点击(函数(){ $('#nav-菜单')的slideToggle(); }); }); –

就发表评论或删除此行:如果你想改变

$(this).toggleClass('.trigger-expand').css('display', ''); 

现在当浏览器大小发生变化并且大于时出现一些css使用这种方法。

$(window).on('resize', function(){ 
     var win = $(this); //this = window 
     if (win.width() > 600) { 
     /* The window is larger than 600px 
      change you css style here */ 
     } 
}); 

这将工作

$('#trigger').click(function() { 
    $('#nav-menu').slideToggle(400, function() { 
     //$(this).toggleClass('.trigger-expand').css('display', ''); 
    }); 
    }); 
+0

但是,当我将屏幕恢复为全宽时,ul不会出现。 – kenny

+0

你的菜单正在工作。你现在想要什么,我没有明白你的观点。 –