在点击时展开并隐藏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）和扩大点击toogletxt。但是，如果我点击它的toogletxt，这两个div都可以扩展。

Answer 1

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