我有两个滑动面板,panel1 向下滑动,而 panel2 从左侧滑动。我想在打开 panel2 时关闭 panel1。我知道有很多类似的问题已经得到解答,但我不知道如何在我的网站中应用这些问题。
$(document).ready(function(){
$(".slide-btn1").click(function(){
$("#panel1").toggle("slow");
$(this).toggleClass("active");
return false;
});
$(".slide-btn2").click(function(){
$("#panel2").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
编辑:这是我到目前为止所做的http://jsfiddle.net/Pukau/9CFgR/2/
最佳答案
$(document).ready(function(){
$(".slide-btn1").click(function(){
$("#panel2").slideUp("fast");
$('.active').removeClass('active');
$("#panel1").toggle("fast");
$(this).toggleClass("active");
return false;
});
$(".slide-btn2").click(function(){
$("#panel1").slideUp("fast");
$('.active').removeClass('active');
$("#panel2").slideToggle("slow");
$(this).toggleClass("active");
return false;
});
});
有关现场演示,请参阅此链接:http://jsfiddle.net/nanoquantumtech/HT9Bx/
关于当其他切换开关打开时,Jquery 关闭切换开关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10612004/