Jquery 函数在窗口大小上有条件地工作，但在其他情况下重置

我正试图使其在窗口大于768时始终显示ID，但在小于768时切换ID

HTML

JS

功能切换\u可见性（id）{
如果（$（窗口）.width（）<768）{
$（“#”+id）.toggle（）；
}
否则{
$（“#”+id）.hide（）
}     
}

根据您的描述，不应该

$（“#”+id）.hide（）

是

$（“#”+id）.show（）

？@PaulRoub，是的，但这不起作用。您似乎在侧边栏中遗漏了id。应该是：

<a href="#" onclick="toggle_visibility('sidebar');"><i class="fa fa-bars"></i></a>

function toggle_visibility(id) {
    if($(window).width() < 768){
        $("#"+id).toggle();
    }
    else{
        $("#"+id).hide()
    }     
}