javascript - 如果另一个显示相反，则隐藏一个 div？

Question

如果显示 div 2，我试图隐藏 div 1，但是当隐藏 div 2 时，我希望显示 div 1。我试图在javascript中做到这一点，但它不适合我:(

有人可以告诉我我哪里出错了谢谢。

<script>
 $(".profile-banner2").hide();
    $(document).ready(function(){
        if ($('.infobox-profile').is(":visible")) {
             $(".profile-banner2").hide();

              } else if ($('.infobox-profile').is(":hidden")) {
            $('.profile-banner2').show();

        }
    });
</script>

Answer 1

试试这样：

<div id="div1"> this is first div </div>
<div style="display:none"> this is second div</div>

<input type="submit" value="toggle" id="toggle"/>

和脚本：

$(function(){
    $("#toggle").click(function(){
    $("div").toggle();
    });

});

这是小提琴

---

编辑

检查更新的小提琴，如果点击 html 中的任何地方，它就可以工作