slideTogle在我的ul slideToggle上有一个橡皮筋效果(jQuery帮助)

Question

当窗口浏览器小于600p x时，我的移动菜单具有slideToggle的jquery功能。然而，当单击图标时，它会沿ul向下滑动，但会立即将其向上滑动。

以下是我所说的

https://jsfiddle.net/0cc4dynv/

Answer 1

只需注释或删除此行：

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

现在，如果你想在浏览器大小发生变化并且大于600px时更改一些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 */ 
      }
});

Answer 2

这将适用于

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