当窗口大小调整到低于/高于设定的宽度时，提示不同的Javascript/JQuery revents

我正在尝试设置一个JavaScript+JQuery，如果浏览器窗口的大小超过某个方向的宽度（800px），则可以更改某些元素的位置

有三个州：

浏览器宽度>800px，菜单打开

浏览器宽度元素

我目前的代码是：

window.onresize = function(event) {  
if ( $(window).width() > 800){ 
    document.getElementById('menushow').style.display = "none";
    document.getElementById('menuhide').style.display = "none";
    $( "#sidebar-bottom" ).removeClass('closemenu')
    $( "#sidebar-bottom" ).addClass('openmenu')
    $( "#sidebar-bottom" ).animate({top: "570px"}, 300, 'easeOutExpo')
    $( "#access" ).animate({top: "0px"}, 300, 'easeOutExpo')  
} 
if ( $(window).width() <= 800 ){ 
    document.getElementById('menushow').style.display = "block";
    document.getElementById('menuhide').style.display = "none";
    $( "#sidebar-bottom" ).removeClass('closemenu')
    $( "#sidebar-bottom" ).addClass('openmenu')
    $( "#sidebar-bottom" ).animate({top: "103px"}, 300, 'easeOutExpo')
    $( "#access" ).animate({top: "-477px"}, 300, 'easeOutExpo')  
} 

}

window.onresize=函数（事件）{
如果（$（window.width（）>800）{
document.getElementById（'menushow'）.style.display=“无”；
document.getElementById（'menuhide'）.style.display=“无”；
$（“#侧边栏底部”）.removeClass（'关闭菜单'）
$（“#侧边栏底部”）.addClass（'openmenu'））
$（“#侧边栏底部”）.animate（{top:“570px”}，300，‘easeOutExpo’）
$（“#访问”）.animate（{top:“0px”}，300，‘easeOutExpo’）
} 
if（$（窗口）.width（）800px到更小，没有任何移动。如果我从800px调整大小，我会得到一个动画循环，它会反复隐藏和显示菜单。
你的第二个if语句的条件是大于或等于800，我假设它小于或等于800。
你的第二个if语句的条件是大于或等于800，我假设小于或等于800。
您不可能使用媒体查询和CSS3吗？您说有三种状态，但只描述了前2种。您好，有媒体查询，是的。但是如果浏览器调整了大小，它们会被覆盖在JavaScript作用于菜单对象之后。JavaScript用于在平板设备上扩展一个最小化的UI，为实际内容提供更多的空间。你不可能使用媒体查询和CSS3吗？你说有三种状态，但只描述了前2种。嗨，有媒体查询，是的。但是它们被忽略了dden如果浏览器在JavaScript作用于菜单对象后进行了大小调整。JavaScript是为了在平板设备上扩展一个最小化的UI，为实际内容提供更多的空间。哦，哇。我本想发现我使用了一个完全不合适的语法方法…不是打字错误！如果这就是问题所在，那么谢谢谢谢你的帮助，很抱歉浪费了你的时间！！！哦，哇。我本想发现我使用了一个完全不合适的语法方法…不是打字错误！如果这就是问题所在，那么谢谢你的帮助，很抱歉浪费了你的时间！！！