спрятал один div, если другой показывает другое противоположное?

Question

im пытается сохранить div 1 скрытым, если div 2 находится на дисплее, но когда 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

---

EDIT

проверить обновленный fiddle, который работает, если в любом месте HTML щелкают