窗口大小调整功能

Question

我创建了一个汉堡菜单，它可以很好地下拉，但是如果我再次最大化窗口，ul 列表将保持隐藏状态，因为它们保持“不显示”状态。 我知道我应该添加一个窗口调整大小功能，但我不确定如何。 我该如何解决这个问题？

这是编码：

$(document).ready(function (){
  $('.nav-btn').on("click", function() {
     $('.hamburger').slideToggle("slow");
  });
});

谢谢。

Answer 1

如果窗口宽度大于 992，则在调整大小时将删除添加的样式。

$(window).resize(function() {
  
  if($(window).width() > 992) {
    $(".hamburger").removeAttr("style");
  }
  
});