切换两个面板，只有一个可见，这可能吗？

Question

我有两个滑动面板。我一次只需要打开一个面板。现在他们都可以打开。我的项目链接是： 链接文本

这是我的代码：

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

Answer 1

我查看了您提供的链接，但看不到按钮。

反正。您可能想要的是仅显示 "#panel_quote" 或 "#panel_login"。在这种情况下，我建议在其中一个按钮上使用 hide() onload ，然后在一个按钮中像这样切换两个按钮：

$(".btn-slide").click(function(){
    $("#panel_login").slideToggle("slow");
    $("#panel_quote").slideToggle("slow");
});

或者如果您确实想使用这两个按钮，只需将另一个切换添加到每个按钮即可处理程序。同样，您可以使用 hide() onload。由于用户关闭了 javascript，因此采用这种方式比提供初始 css 值来隐藏面板更安全。