隐藏一个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();
    });

});

以下是fiddle

---

修改

检查更新后的fiddle，如果点击了html中的任意位置，则会有效