好的,首先 - 它不是toggle()
这样的。
这段代码应该像滑块一样工作。1 div 正在显示,单击一个按钮,下一个 div 显示,单击另一个按钮,第一个 div 显示。
到目前为止,这可行,但向后退却行不通。所以按钮可以显示第二个 div,但点击我制作的“更少”按钮只会使第二个 div 消失,而第一个 div 仍然隐藏。
这是代码:
$('.more').click(function() {
$('.c1')
.animate({ left: "-828px" }, 600, 'easeInOutQuint')
.delay(300, function() {
$('.c2').animate({ left: "0px" }, 600, 'easeInOutQuint');
}
);
});
$('.less').click(function() {
$('.c2')
.animate({ left: "828px" }, 600, 'easeInOutQuint')
.delay(300, function(){
$('.c1').animate({ left: "0px" }, 600, 'easeInOutQuint');
}
);
});
我错过了什么?我怎么能这样做,以便我基本上不会重复相同的代码两次?