jQuery-根据嵌套元素的类显示/隐藏更改

根据复选框的状态，如果每个

.item

的嵌套元素

.nested

具有不可见的类，我将尝试显示/隐藏它们。因此，无论是更改还是加载，我都希望代码能够识别复选框的状态，并显示/隐藏

.item

，如果它的嵌套元素具有不可见的类

$（函数（）{
隐藏的；
$（“#切换”）.change（隐藏）；
});
函数hideArchive（）{
$（“.item”）。每个（函数（）{
var$this=$（this）；
if（$（“.nested”，this）.hasClass（“w-condition-invisible”））{
$this.hide（）；
}否则{
$this.show（）；
}
});
}

.item{
边框：1px实心；
填充：24px
}

这有帮助吗？有点不清楚您要做什么-“识别复选框的状态”/“如果嵌套元素具有Invi类，则显示/隐藏”-这两个选项似乎不相关。该复选框没有嵌套项作为开始。不愿意给出完整的答案，因为答案不清楚，但这看起来像是您所追求的：

function hideArchive（）{$（.w-condition-invisible”）.closest（.item”）.toggle（$（“#toggle”）.is（“：checked”）；}