当其他切换开关打开时，Jquery 关闭切换开关

Question

我有两个滑动面板，panel1 向下滑动，而 panel2 从左侧滑动。我想在打开 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/