jQuery 내의 다기능 버튼

Question

$("#button1").click(function() { 
      var visible = $(".sidebarcontent1").is(":visible"); 
      $(".sidebarcontent1").show(); visible ? "hide" : "show"; 
      $(".sidebarcontent").show(); 
      $(".sidebarcontent2").hide(); 
      $(".sidebarcontent3").hide(); 
      $(".sidebarcontent4").hide(); 
     }); 

버튼을 클릭하면 표시되므로 숨길 수 있습니다. 그 반대의 경우도 있지만 작동하지 않습니다.

Answer 1

사용 .toggle()

$("#button1").click(function() { 
    $(".sidebarcontent1").toggle(); 
    $(".sidebarcontent").show(); 
    $(".sidebarcontent2").hide(); 
    $(".sidebarcontent3").hide(); 
    $(".sidebarcontent4").hide(); 
}); 

Answer 2

내가 그것을 이해로서 :

$("#button1").click(function() { 
    var visible = $(".sidebarcontent1").is(":visible"); 
    $(".sidebarcontent1, .sidebarcontent").toggle(visible); 
    $(".sidebarcontent2, .sidebarcontent3, .sidebarcontent4").toggle(!visible); 
});