Javascript 窗口宽度达到一定大小时如何删除滑动切换隐藏div

我有一个恼人的问题，当我在智能手机视图中切换菜单时，当调整到桌面视图时，菜单保持隐藏

因此，当窗口达到大约905px的宽度时，我想消除切换的效果，并显示从隐藏到显示的导航

我不知道如何解决这个问题，因为我不知道JQuery

这是我的密码

<div id="menu">
            <nav>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">About us</a></li>
                    <li class="remove-margin"><a href="#">Contact us</a></li>
                </ul>       
            </nav>
        </div>
<script type="text/javascript">
$(window).resize(function(){
    if ($(window).width() >= 905){  

    }   
})
$("#menu").addClass("responsive").before('<div id="three-lines"><i class="material-icons">menu</i></div>');
$("#three-lines").click(function(){
$("#menu").slideToggle('fast');
})
</script>

$（窗口）。调整大小（函数（）{
如果（$（window）.width（）>=905）{
}   
})
$（“#菜单”）.addClass（“响应”）。在（'menu'）之前；
$（“#三行”）。单击（函数（）{
$（“#菜单”）.slideToggle（'fast'）；
})

达到条件时只显示元素

$（函数（）{
$（“#菜单”）.addClass（“响应”）
.在“菜单”之前；
$（“#三行”）。单击（函数（）{
$（“#菜单”）.slideToggle（'fast'）；
})
addEventListener（“调整大小”，函数（）{
如果（内部宽度>=905）{
$（“#菜单”）.show（）；
}
})
})

达到条件时只显示元素

$（函数（）{
$（“#菜单”）.addClass（“响应”）
.在“菜单”之前；
$（“#三行”）。单击（函数（）{
$（“#菜单”）.slideToggle（'fast'）；
})
addEventListener（“调整大小”，函数（）{
如果（内部宽度>=905）{
$（“#菜单”）.show（）；
}
})
})

在

中，如果
条件放置
$（“#菜单”）。向下滑动（“快速”）if
条件下放入
$（“#菜单”）。向下滑动（“快速”）在代码段上方运行，单击菜单，然后单击完整页面选项，使宽度>=905，然后查看菜单appearing@Thank你知道它是有效的，但是滑动效果有没有办法让导航显示出来。。使用
show（）
而不是
slideDown（）
。。更新了答案感谢它的工作原理，就良好实践而言，这是解决问题的好方法、解决问题的好方法还是通过css和媒体查询有另一种更简单的方法？没错，最好的做法是使用媒体查询。运行上述代码段，单击菜单，然后单击完整页面选项，因此宽度将大于等于905，请参见菜单appearing@Thank你知道它是有效的，但是滑动效果有没有办法让导航显示出来。。使用
show（）
而不是
slideDown（）
。。更新了答案感谢它的工作原理，就良好实践而言，这是解决问题的好方法、解决问题的好方法还是通过css和媒体查询有另一种更简单的方法？你是对的，最佳实践是媒体查询。