隐藏和显示与另一个元素同步的元素

Hide and show element in sync with another element

本文关键字：元素 同步 另一个 显示 隐藏      更新时间：2023-09-26

如果我有两个这样的<div>元素：

<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);
相关文章：