我有两个滑动面板,面板1向下滑动,而面板2从左侧滑动。我想在打开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/
答案 0 :(得分:4)
$(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/