单击菜单切换时，菜单会在调整大小时消失

Question

当我点击菜单切换并调整浏览器窗口大小时，菜单将消失。 JSFiddle demo

这是菜单的jQuery：

$('.menu ul li ul').parent().addClass('parent');

$(".menu-toggle").click(function() {

  $("#nav").slideToggle(function(e){
    $(this).toggleClass("nav-expanded");
  });

});

在移动设备上，我想停用悬停效果，并通过jQuery将其替换为子子菜单的切换效果;我怎么能这样做？

Answer 1

只需将其添加到css：已更新Fiddle

.menu #nav {
display : block;    

}

EDIT:

如果不使用slidetoggle，我们使用left：0和left：100％，它会满足要求吗？检查此fiddle