Javascript 切换两个下拉面板

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

这是我的网站：

代码：

尝试以下方法：

    $(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（）

将同时切换这两个类-然后只需确保一个类应用了该类就可以开始…

您只需关闭单击处理程序中的另一个面板

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

---

我用了你的代码，我对切换有点困惑。你可以看到，哪一部分让你困惑？我只添加了

.slideUp（）

调用。谢谢你，效果很好，但我正在尝试找出如何调整图像链接：$（this.toggleClass（“closeQ”）；和$（this.toggleClass（“closeQ”）；当面板返回时…因此“当它只是一个确保应用了类的案例…”

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