Javascript toogle在jquery中，更改divs，但if语句不起作用

我正在处理这个问题，我当时试图显示1个div，但我无法将div更改为仅显示1个选项：

$(document).ready(function(){  
    $("#boton1").click(function () {
        $('#tdecredito').Toggle("slow");
    });
    $("#boton3").click(function () {
        $('#tdecredito').Toggle("slow");
    });
    $("#boton2").click(function () {
        $('#deposito').Toggle("slow");
    });
    $("#boton4").click(function () {
        $('#deposito').Toggle("slow");
    });

    var isVisible = $( "#tdecredito" ).is( ":visible" );
    var isHidden = $( "#tdecredito" ).is( ":hidden" );
    var isVisibleb = $( "#deposito" ).is( ":visibleb" );
    var isHiddenb = $( "#deposito" ).is( ":hiddenb" );

    if($('#tdecredito').is(":visible")) 
    {
        $('#deposito').hide(":hiddenb"); 
    } 
    else($('#deposito').is(":visibleb")) 
    {
        $('#tdecredito').hide(":hidden"); 
    }     
}); 

---

测试页面：

我不知道为什么需要4个按钮以及为什么需要可见部分。这里有一个解决方案

只需从一个隐藏元素开始，当您单击按钮时，两个div都被切换，这意味着可见的元素被隐藏，隐藏的元素被可见

$(document).ready(function(){  
$("#boton1").click(function () {
    $('#tdecredito').toggle("slow");
    $('#deposito').toggle("slow");
});
$("#boton3").click(function () {
    $('#tdecredito').toggle("slow");
    $('#deposito').toggle("slow");
});
$("#boton2").click(function () {
    $('#tdecredito').toggle("slow");
    $('#deposito').toggle("slow");
});
$("#boton4").click(function () {
    $('#tdecredito').toggle("slow");
    $('#deposito').toggle("slow");
});

$('#deposito').hide();

---

}))

Toggle（）

应该是

Toggle（）

，什么是

$（“#存款”）。是（“：visibleb”）应该做什么？首先，感谢您的快速回复：）。功能是两个分区，每次切换1显示，如果用户想通过按“x”按钮“更改”到另一个分区，我在论坛上读到关于“可见”和“隐藏”的内容，但不起作用。效果很好！如果您看到“x”按钮，它类似于“close”，但更改了toogle分区。感谢您的回复和帮助！