jquery - 隐藏两个 DIV 并在点击时切换第三个，然后反转

Question

单击时，我的函数隐藏前两个 DIV 并切换第三个 DIV。这是工作。当我再次点击同一个链接时，该功能切换回第三个 DIV，这也有效。但是之前隐藏的两个 DIV 现在仍然隐藏，而它们应该是可见的。

<div>
    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div> -->CSS style is hidden
</div>

$(document).ready(function(){
    $("#three").hide();
    $(".show_hide").show(); --> this shows my click link

    $('.show_hide').click(function(){
        $("#three").slideToggle().load('testpage.php');
                $("#one").hide();
                $("#two").hide();
    })
});

Answer 1

改变这个...

$("#one").hide();
$("#two").hide();

对于这个...

$("#one").toggle();
$("#two").toggle();

或者这个...

$("#one,#two").toggle();

或者这个...

$(this).siblings().toggle();