Javascript 为什么这个jQuery代码只工作一次？

我有一个简短的jQuery代码，可以在调整窗口大小时使图片消失。由于某种原因，在它消失后，它不再出现。 代码如下：

$(document).ready(function(){
    $(window).resize(function(){

        if($(window).width() < 700) {
            $("#side-pic").css("display","none");


        } else if($(window).width() >= 700){

            $("#side-pic").css("display","show");
        }

    });
    });

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<700）{
$（“#侧图”）.css（“显示”、“无”）；
}else if（$（窗口）.width（）>=700）{
$（“#侧图”）.css（“显示”、“显示”）；
}
});
});

---

另外，若你们知道有什么方法可以让图片在我的代码中的某个div下移动，我会很高兴听到的！提前谢谢你们

没有显示属性，例如

display:show

。尝试使用

$（“#side pic”）.css（“显示”、“块”）取而代之

另一种选择是隐藏/显示：

$(document).ready(function(){
    $(window).resize(function(){

        if($(window).width() < 700) {
             $("#side-pic").hide();
        } 
        else if($(window).width() >= 700) {
             $("#side-pic").show();
        }

    });
});

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<700）{
$（“#侧边图片”）.hide（）；
} 
else if（$（窗口）.width（）>=700）{
$（“#侧图”）.show（）；
}
});
});
这是因为
显示“
不是有效的
显示值

还有，为什么
else if
，不是一个
else
足够好？

或者说是一个可重用的CSS类和jQuery的
toggleClass（）
方法：


jQuery（$=>{
$（窗口）.on（'resize'，function（））{
$（“#side pic”）.toggleClass（“是隐藏的，$（this）.width（）<700）；
});
});
是隐藏的{display:none；}
侧面图片
您还可以编写如下代码

$(document).ready(function(){
    $(window).resize(function(){

        if($(window).width() < 700) {
            $("#side-pic").hide();


        } else if($(window).width() >= 700){

            $("#side-pic").show();
        }

    });
});

$（文档）.ready（函数（）{
$（窗口）。调整大小（函数（）{
如果（$（窗口）.width（）<700）{
$（“#侧边图片”）.hide（）；
}else if（$（窗口）.width（）>=700）{
$（“#侧图”）.show（）；
}
});
});
这是因为
“显示”、“显示”
。如果您查看CSS
display
属性，您将看到没有
show
value.RTM：