Javascript jQuery切换菜单，默认隐藏在x像素以下，如何？

我有以下jQuery代码：

<script type="text/javascript">
jQuery(document).ready(function($) {
    $("#nav").hide();
    $("#toggle-nav").click(function () {
        $("#nav").slideToggle('fast');
    });
});
</script>

jQuery（文档）.ready（函数（$）{
$（“#nav”）.hide（）；
$（“#切换导航”）。单击（函数（）{
$（“#导航”）.slideToggle（'fast'）；
});
});

这一个用于HTML：

<button id="toggle-nav">...</button>
<nav id="nav">...</nav>

。。。
...

。。。这对我来说很好，我可以切换手机大小屏幕的菜单

我的新问题是，我不知道如何设置菜单默认隐藏的屏幕宽度起始点

---

提前谢谢

处理不同屏幕大小的最佳方法是在CSS中使用媒体查询，但如果您使用Jquery执行此操作，请使用：-

Jquery中的

$（window）.width（）

---

阅读更多信息：-

我认为一个选择是使用like

---

演示：

看一看，这实际上是最简单的工作集，因为它将css保持在一起。如果你把这个贴在这里作为答案，我肯定会把它标记为最佳答案！谢谢你，事实上我应该像阿伦的评论那样使用css，不过我会记住这一点@本尼迪克特加农……是的……这就是我回答的第一句话。。仅在css中处理此问题…谢谢。。。。。

@media screen and (max-width:500px) {
    #nav {
        display:none;
    }
}