Развернуть и скрыть div по щелчку и развернуть по одному

Question

Я хочу развернуть 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. Но оба div могут быть расширены, если я нажму на его toogletxt.

Answer 1

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