Javascript 有条件地切换$（window.resize（）上的CSS

我正在尝试运行以下脚本，但它似乎不起作用。我是个不折不扣的人，这就是我在测试和试图弄清楚事情是如何运作的。可能有更好的方法来做我在这里做的事情，或者我只是误解了功能

基本上，我制作了一个链接，给它设置了

.home

类，并且正在切换

可见性

。第一段这样做的代码工作得很好

然后我决定乱搞

$（window.resize（）功能在检测到调整大小时进行另一次切换。这部分坏了

$(document).ready(function(){

    //Click Toggle
    $('.toggle').click(function() {
        if ($('.home').css('visibility') == 'hidden') {
            $('.home').css('visibility', 'visible');
        } else {
            $('.home').css('visibility', 'hidden');
        }
    });

    //showHome
    var showHome = function () {
        if ($(window).width() > 799) {
            $('.home').css('visibility', 'visible');
        };
    };

    $(window).resize(showHome);
    showHome();

});

您缺少了一个
else
——当屏幕小于
799px
时该怎么办


//单击切换
$（'.toggle'）。单击（函数（）{
if（$（'.home'）.css（'visibility'）=='hidden'）{
$（'.home'）.css（'visibility'，'visible'）；
}否则{
$（'.home'）.css（'visibility'，'hidden'）；
}
});
//陈列室
var showHome=函数（）{
如果（$（窗口）.width（）>799）{
$（'.home'）.css（'visibility'，'visible'）；
}否则{
$（'.home'）.css（'visibility'，'hidden'）；
}
};
$（窗口）。调整大小（showHome）；
showHome（）

其他东西

主页

切换
我实际上知道我做错了什么。看起来代码还不错。我做错的事太愚蠢了，我甚至都不想说是什么。可以这么说，在进行一项需要3个监视器的繁忙工作的同时尝试编写代码并不总是一个好主意

无论如何，谢谢大家。
你能把这变成一个提琴/片段的例子吗？我认为这里不需要@SpencerWieczorek-这是一个相对简单的代码。我发现可能与此有关的一件事是你在“$（窗口）中调用showHome函数。resize（showHome）；”缺少括号，ie.应该是“showHome（）”@JonathanBowman，因为它是对函数的引用。否则，一旦解析器到达那一行，就会调用该函数，这不是故意的。@JonathanBowman-那是错误的，伙计。不应该。我怀疑你对传递匿名函数感到困惑。不知道为什么有人会否决这个。OP认为问题是什么并不完全清楚（因为他们没有真正定义“不工作”），但如果他们的目标是切换（他们说是），那么问题确实是，他们实际上没有切换。这个答案是正确的。为了将来的noobs，请发布答案。事实上，你在回答中提到了这一点。如果它只是一个评论，那么就把它作为一个评论。而不是那样，张贴实际答案并接受它。哦，一把小提琴可能很有用，这样将来的面条就可以用它玩了。如果你不知道jsFodle是什么，那么你就去……因为Paul Roub的答案如下，你可以考虑接受他的回答。我继续接受这个答案，实际上我确实响应了OP。顺便说一句，你是OP--“原创海报”；）看看我的小提琴，因为它报告窗口大小，所以你可以看到它的变化。