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

时间:2016-09-28 04:53:35

标签: jquery html css responsive

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

这就是我所说的

https://jsfiddle.net/0cc4dynv/

2 个答案:

答案 0 :(得分:1)

只需评论或删除此行:

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

现在,如果您想在浏览器大小发生变化时更改某些css并且大于600px,请使用以下方法:

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

答案 1 :(得分:0)

这将有效

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