单击时展开并隐藏div，并一次展开一个div

Question

我想一次展开一个div并在点击时展开/隐藏div。换句话说，当一个div打开时，另一个div应该关闭，两个div可以同时打开。

这是我的代码：

    $(document).ready(function(){
    //Hide the tooglebox when page load
    $(".togglebox").hide();
    //slide up and down when click over heading 2
    $(".toggletxt").click(function(){
    // slide toggle effect set to slow you can set it to fast too.
    $(this).next(".togglebox").slideToggle("slow");
    return true;
    });
    });

此代码将隐藏div（togglebox）并展开click to toogletxt。但是如果我点击它的toogletxt，这两个div都可以扩展。

Answer 1

$(".togglebox").hide();
$(".toggletxt").click(function() {
    var me = this;
    $('.togglebox').hide(function() {
        $(me).next(".togglebox:hidden").slideToggle("slow");
    })
});