當其他開關打開時Jquery關閉切換

Question

我有兩個滑動面板，面板1向下滑動，而面板2從左側滑動。我想在打開panel2時關閉panel1。我知道有很多類似的問題已經得到解答，但我無法弄清楚如何在我的網站中應用這些問題。

$(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; 
    }); 
}); 

編輯：這是我迄今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/