当其他切换打开时，jQuery关闭切换 [英] Jquery close toggle when other toggle is open

问题描述

我有两个滑动面板，panel1向下滑动，而panel2从左侧滑动.我想在打开panel2时关闭panel1.我知道已经回答了许多类似的问题，但是我不知道该如何在我的网站中应用这些问题.

I have two sliding panels, panel1 is sliding down, while panel2 is sliding from left. I want to close panel1 when opening panel2. I know there's many similar question already been answered but I couldn't figure it out how do I apply those in my site.

$(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/

this is what I have done so far http://jsfiddle.net/Pukau/9CFgR/2/

推荐答案

$(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/

for live demo see this link: http://jsfiddle.net/nanoquantumtech/HT9Bx/

这篇关于当其他切换打开时，jQuery关闭切换的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！