我试图使菜单成为一个汉堡包图标，3层当我最小化到一个移动屏幕，但我做错了什么，我不知道为什么它不工作。图标应该在移动屏幕上最小化后才会出现。但是，图标在那里，只是一行。

我知道有问题，但我就是找不到。

[所附图片是帮助我完成代码的一些指南。] [1]:https://i.stack.imgur.com/dc5u5.jpg [2]:https://i.stack.imgur.com/nwhmo.jpg [3]:https://i.stack.imgur.com/et5uw.jpg

顺晟科技：

我希望这能有所帮助，我从代码中删除了不需要的jquery，因为它显示了控制台错误。如果您想要菜单响应菜单，请访问此链接

仅在页面宽度改变（最小化）时尝试进行媒体查询。

< script type = "text/javascript" >
  $(document).ready(function() {
    $("header p").click(function() {
      $("nav").toggleClass("slideDown");
    });

    $('.slick').slick({
      infinite: true,
      slidesToShow: 1,
      slidesToScroll: 1,
      fade: true,
      autoplay: true,
      autoplaySpeed: 2.5,
      dots: true,
    });
  });

$(window).scroll(function() {
  $("header").stop().animate({
    top: $(document).scrollTop()
  }, 'slow');
});

$("#hamburger").click(function() {
  $(this).toggleClass("change");
  $("nav").toggleClass("slideDownFurther");
}); <
/script>