Question

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

这是我的代码：

    $(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值来隐藏面板。

切换两个面板只有一个可见是否可能？

1 个答案: