切换两个下拉面板

我在我的网页顶部使用了两个面板，分别是“快速报价”和“客户端登录”。有人能告诉我如何改变我的代码，以便一次只打开一个面板吗？例如：如果“客户登录”打开并且用户点击“快速报价”，则“客户登录”应该关闭，并且“快速报价”下降。切换两个下拉面板

这里是我的网站：http://www.ubspack.com

CODE：

$(document).ready(function(){ 
$(".btn-slide").click(function(){ 
    $("#panel_quote").slideToggle("slow"); 
    $(this).toggleClass("closeQ"); return false; 
}); 
}); 



    $(document).ready(function(){ 
$(".btn-slide2").click(function(){ 
    $("#panel_login").slideToggle("slow"); 
    $(this).toggleClass("closeL"); return false; 
}); 
});

来源

2010-09-28 Erik

您只需关闭点击处理程序中的其他面板即可。

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
    $("#panel_quote").slideToggle("slow"); 
    $(this).toggleClass("closeQ"); 
    $("#panel_login").slideUp(); 
    return false; 
    }); 

    $(".btn-slide2").click(function(){ 
    $("#panel_login").slideToggle("slow"); 
    $(this).toggleClass("closeL"); 
    $("#panel_quote").slideUp(); 
    return false; 
    }); 
});

来源

2010-09-28 16:13:09

你的代码和我在切换时有点困惑。你可以看到。 – Erik 2010-09-28 16:39:04

哪一部分让你感到困惑？我添加的所有内容都是'.slideUp（）'调用。 – 2010-09-28 16:43:48

谢谢你的工作很好，但我想弄清楚如何到图像链接：$（this）.toggleClass（“closeQ”）;和$（this）.toggleClass（“closeQ”）;当面板返回.... – Erik 2010-09-28 17:23:23

尝试类似：

$(document).ready(function(){ 
    $(".btn-slide").click(function(){ 
      return Toggle() 
    }); 

    $(".btn-slide2").click(function(){ 
      return Toggle() 
    }); 

    }); 

function Toggle() { 
    $(".btn-slide1").toggleClass("closeQ"); 
    $(".btn-slide2").toggleClass("closeL"); 
}

调用Toggle()将同时切换两个类 - 那么它是一个简单的情况下，确保一个人适用于从一开始...

来源

2010-09-28 16:11:36 Basic

将工作没关系，除非其他面板*不*显示... – 2010-09-28 16:13:36

因此“母鸡它只是确保一个的情况下，已应用开始与阶级......”我用:) – Basic 2010-09-28 19:59:29

切换两个下拉面板

回答

相关问题