Javascript 缩放浏览器时如何向下滑动jQuery幻灯片切换

我的slideToggle功能有问题。一旦按下，它就会打开我需要的方式。但当我缩放浏览器以测试对站点的响应流时，slideToggle仍然保持活动状态，而不是向下滑动。我尝试了一些功能，但似乎没有任何效果。下面是我使用的纸条，当它点击特定屏幕资源时，没有代码向下滑动。我将如何着手解决此问题

$('#more').click(function () {
     var open = $('header').is('.open');
$('#footerPanel')['slide' + (open ? 'Up' : 'Down')](400);
$('header').animate({
     bottom: (open ? '-' : '+') + '=120' }, 400, function () {
$('header').toggleClass('open');
     });
});
$('#menu').click(function () {
    if ($('header').is('.open')) {
    $('header')
        .removeClass('open')
        .animate({
        'bottom': "-=120"
    }, function () {
        var $footer = $('.activetoggle');

        if ($footer.length) 
            $footer
                .toggleClass('activetoggle footerButton')
                .text('Footer');
    });
    $('#footerPanel').slideUp(400);
}
});

 $('.footerButton').click(function () {
      var $this = $(this);
$this.toggleClass('footerButton');
if ($this.hasClass('footerButton')) {
    $this.text('Footer');
} else {
    $this.text('Close');
}
$(this).toggleClass('activetoggle');
});

我的代码

---

如果这对你有效，试试看。我已经添加了检查宽度是否为780（您可以更改），当面板向下滑动时。尝试在你的小提琴中加入这个，并检查它是否有效

$(window).resize(function(){ //check when window resize
if($(window).width() < 780){ // check when the window width is less than 780 
    if ($('header').is('.open')) { 
        $('header')
            .removeClass('open')
            .animate({
            'bottom': "-=120"                
        });
        $footer = $('.activetoggle');
        if ($footer.length) {
             $footer.toggleClass('activetoggle footerButton').text('Footer');
        }
        $('#footerPanel').slideToggle(400);
    }
}
});

$（窗口）.resize（函数（）{//调整窗口大小时检查
如果（$（window.width（）<780）{//当窗口宽度小于780时检查
如果（$（'header'）.is（'.open'））{
$（“标题”）
.removeClass（'打开'）
.制作动画({
“底部”：“-=120”
});
$footer=$（'.activetoggle'）；
如果（$footer.length）{
$footer.toggleClass（'ActiveToggleFooterButton'）。text（'footer'）；
}
$（“#页脚面板”）。滑动切换（400）；
}
}
});

您在提供的JSFIDLE中遇到了什么问题？？？我的意思是至少提供失败的尝试…当浏览器缩放到特定的屏幕分辨率时，我需要div向下滑动。例如，当我将浏览器缩放到480分辨率时，我希望面板向下滑动，以便不再显示内容@a.Wolff