jQuery中的.animate()回调可以有阶梯函数和普通函数吗？

Question

我正在尝试使用 step: 函数让我的“选项卡”div 和“选项”div 同时滑出（即同步两个 div 的动画），但我还需要一个常规的动画的函数。

是否可以将这两种类型的函数都作为 .animate() 的回调函数？

编辑：

Test page

在上面的测试页面上，我想在点击左上角的“文本选项卡”时让另一个 div 滑出，但是根据 jQuery .animate() 文档，使用了 step: 函数同步不同元素的动画，我这里是我的JS：

$( "#optsdiv" ).hide();
$( "#closediv" ).hide();
$( "#opendiv" ).click( function() {
  $( "#opendiv" ).animate( { left: "+=100px", opacity: 1 }, 1400, "easeOutExpo", function() {
     $( "#opendiv" ).hide();
     $( "#opendiv" ).animate( { left: "-=100px", opacity: 0.6 }, 0 );
     $( "#closediv" ).show();
    });
});

$( "#closediv" ).click( function() {
  $( "#closediv" ).animate( { left: "-=100px", opacity: 0.6 }, 1400, "easeOutExpo", function() {
    $( "#opendiv" ).show();
    $( "#closediv" ).hide();
    $( "#closediv" ).animate( { left: "+=100px", opacity: 1 }, 0 );
   });
});

如您所见，我使用“普通”函数（非步骤：函数）来完成动画...所以我想知道在实现step：在同一个回调函数中同步滑出tab和其他div。

Answer 1

如果通过“常规函数”，你的意思是在动画结束时回调，那么是的，只需使用第二个选项设置动画的所有属性论据：

$('.someElement').animate({width:100}, { duration:1000,
                                         step: function(){},
                                         complete: function(){} });

示例： http://jsfiddle.net/n2pZp/1/