我有一个运行正常的 jquery 动画脚本,但是,我觉得有一种方法可以减少脚本的整体开销。这是开发页面的链接:
http://dev.abinstallations.com
动画有两个部分,这些动画适用于六个单独的 div 元素。一个单独的脚本应用于每个元素。例如:
//First
$("#first_flip").hide();
$("#first_button_show").click(function(){
$('#first_flip').animate({
opacity: 'toggle',
top: '+=524',
height: 'toggle'}, 600, function() {
// Animation complete.
});
});
$("#first_button_hide").click(function(){
$('#first_flip').animate({
opacity: 'toggle',
top: '-=524',
height: 'toggle'}, 400, function() {
// Animation complete.
});
});
//Second
$("#second_flip").hide();
$("#second_button_show").click(function(){
$('#second_flip').animate({
opacity: 'toggle',
top: '+=524',
height: 'toggle'}, 600, function() {
// Animation complete.
});
});
$("#second_button_hide").click(function(){
$('#second_flip').animate({
opacity: 'toggle',
top: '-=524',
height: 'toggle'}, 400, function() {
// Animation complete.
});
});
...对于其余的四个元素,依此类推。有没有一种简洁的方法来实现这一目标?