javascript - 当另一个 div 在 jQuery 中显示时隐藏一个 div？

Question

我试图在另一个 div 可见时隐藏一个 div。

我有 div 1 和 div 2。

如果 div 2 显示，则 div 1 应隐藏，如果 div 2 未显示，则 div 1 应可见/取消隐藏。

该函数需要在页面加载时准备好函数/文档。

我已经尝试过了，但运气不佳，有人可以告诉我如何做到这一点吗？

<script>
    window.onLoad(function () {
        if ($('.div2').is(":visible")) {
             $(".div1").fadeOut(fast);

        } else if ($('.div2').is(":hidden")) {
            $('.div1').fadeIn(fast);

        }
    });
</script>

Answer 1

向每个 div 添加一个 hidden 类，然后使用 jQuery 在该类之间切换。顺便说一句，window.onload 不是一个函数，它需要一个像 window.onload = function() {} 这样的字符串。另外，将 fast 放在引号中。我不知道这是否是必需的，但这就是 jQuery 所说的方式。

<div class="div1"></div>
<div class="div2 hidden"></div>

.hidden { display: none }

$(document).ready(function() {

    if($(".div1").hasClass("hidden")) {
        $(".div2").fadeIn("fast");
    }

    else if($(".div2").hasClass("hidden")) {
        $(".div1").fadeIn("fast");
    }

});