在jquery中设置宽度后显示导航

Question

我正在尝试构建自己的自适应导航菜单，我首先要先做手机然后再做。菜单效果很好，直到我设置的媒体宽度40em，之后我无法看到菜单。我需要帮助的是将函数放在设定的宽度，这样我就可以简单地在css中编写其余的代码，或者使用if else语句来说明max-width 40em（hide），else（show）。

这最多可达40em或641px

$(document).ready(function() {
$(".navbar").hide();
$(".toggle").click(function() {
    $(".navbar").slideToggle("slow", function() {
        // Animation complete.
    });
});

提前致谢。

Answer 1

需要添加窗口调整大小功能

$(document).ready(function() {
$(window).resize(function(){
    if ($(window).width() <= 1024){  
        $(".navbar").hide();
    }   else {
        $(".navbar").show();
    }
});
$(".toggle").click(function() {
    $(".navbar").slideToggle("slow", function() {
        // Animation complete.
    });
});