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

标签 jquery html css responsive

当窗口浏览器小于 600px 时,我的手机菜单有一个 slideToggle 的 jquery 函数。但是,当单击该图标时,它会向下滑动 ul,但会立即向上滑动。

这就是我要说的

https://jsfiddle.net/0cc4dynv/

最佳答案

只需评论或删除这一行:

$(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 */ 
      }
});

关于jquery - slideToggle 对我的 ul slideToggle 有橡皮筋效果(jQuery 帮助),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39738317/

相关文章:

javascript - 固定标题到达顶部时,它是跳跃的

javascript - 链接到新页面时,让 parent 和 child 保持开放

javascript - 如何在 Flexbox 行之间插入 div 并使所有内容保持响应?

javascript - 如何在 Angular2 的模板指令中使用 html?

javascript - 如何在 Angular js 中的一种输入类型中使用两个 ng-modal?

javascript - 在 bootstrap 4 nav 上滚动添加类

CSS3 过渡理解

jquery - 为什么只有在搜索框中输入搜索后才会加载表格数据?

CSS选择一个id下的几种类型

html - iframe 中高度为 : 100% strech 的元素