JQuery close toggle, когда другие переключатели открыты

Question

У меня есть две скользящие панели, панель 1 скользит вниз, а панель2 сдвигается с левой стороны. Я хочу закрыть панель1 при открытии панели2. Я знаю, что многие подобные вопросы уже ответили, но я не мог понять, как применять их на своем сайте.

$(document).ready(function(){ 
    $(".slide-btn1").click(function(){ 
    $("#panel1").toggle("slow"); 
    $(this).toggleClass("active"); 
    return false; 
    }); 
    $(".slide-btn2").click(function(){ 
    $("#panel2").slideToggle("slow"); 
    $(this).toggleClass("active"); 
    return false; 
    }); 
}); 

Edit: это то, что я сделал до сих пор http://jsfiddle.net/Pukau/9CFgR/2/

Answer 1

$(document).ready(function(){ 
    $(".slide-btn1").click(function(){ 
      $("#panel2").slideUp("fast"); 
      $('.active').removeClass('active'); 
     $("#panel1").toggle("fast"); 
     $(this).toggleClass("active"); 
     return false; 
    }); 
     $(".slide-btn2").click(function(){ 
      $("#panel1").slideUp("fast"); 
      $('.active').removeClass('active'); 
     $("#panel2").slideToggle("slow"); 
     $(this).toggleClass("active"); 
     return false; 
    }); 
});​ 

для живой демонстрации смотрите по этой ссылке: http://jsfiddle.net/nanoquantumtech/HT9Bx/