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

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