在點擊時展開並隱藏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"); 
    }) 
});