当窗口浏览器小于600p
x时,我的移动菜单具有slideToggle的jquery功能。但是,单击图标时,它会向下滑动ul
,但会立即将其向上滑动。
这就是我所说的
答案 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', '');
});
});