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);
});