Javascript 隐藏并显示与其他元素同步的元素

如果我有两个这样的

元素：

<div class="overlay"></div>
<!-- Other content here -->
<div class="popup"></div>

当

div.popup

具有

display:block

时，我希望

div.overlay

也具有

display:block

，同样对于

display:none

我不想使用if语句来检查
div.popup
是否可见，而是希望有类似事件处理程序的东西

我将如何使用jQuery实现这一点？谢谢。
你可以像下面这样做。希望这对你有帮助

setInterval(function() { 
    if($('div.popup').is(':visible')) {
        $('div.overlay').show();
    } else {
        $('div.overlay').hide();
    }
}, 20);

你可以像下面这样做。希望这对你有帮助

setInterval(function() { 
    if($('div.popup').is(':visible')) {
        $('div.overlay').show();
    } else {
        $('div.overlay').hide();
    }
}, 20);

有一件事我忘了提到，我希望它能自动检查，而不是用if语句检查，我希望它像事件处理程序一样。你可以使用
setInterval
在间隔后重复检查。请参阅更新的答案@运行setInterval检查元素可见性是一个非常糟糕的主意。有一件事我忘了提到，我希望它能自动检查，而不是使用if语句，我希望它像事件处理程序一样。您可以在间隔后使用
setInterval
重复执行此操作。请参阅更新的答案@Pavsid运行setInterval检查元素可见性是一个非常糟糕的主意。“我忘了提到一件事，我希望它能自动检查，而不是使用if语句，我希望它像事件处理程序一样进行检查。”可以包括
的
显示
属性如何。弹出窗口
在
js
处更改，
css
有问题吗？在
html
上什么是
？也许这可以帮助你：嗯？介意展示一下您当前拥有的jQuery吗？附言：你为什么不干脆把弹出窗口放在覆盖层里？“有一件事我忘了说，我希望它能自动检查，而不是用if语句来检查，我希望它像事件处理程序一样。”可以包括
的
显示
属性如何。弹出窗口
在
js
处更改，
css
有问题吗？在
html
上什么是
？也许这可以帮助你：嗯？介意展示一下您当前拥有的jQuery吗？附言：你为什么不干脆把弹出窗口放在覆盖层里呢？