クリックすると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するクリックで拡大します。しかし、togletxtをクリックすると両方のdivを展開することができます。

Answer 1

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