jQuery中的.animate()回调可以有一个step函数和一个普通函数吗？

Question

我正在尝试使用一个步骤:函数使我的"tab"div和"options"div同时滑出(即同步两个div的动画),但我还需要一个常规函数动画.

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

编辑:

测试页面

在上面的测试页面上,我想在点击左上角的"文本选项卡"时再次滑出div,但是根据jQuery .animate()文档,step:function用于同步不同元素的动画,我在这里是我的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 );
   });
});

正如你所看到的,我使用一个"普通"函数(一个非步骤:函数)来完成动画...所以我想知道我是否仍然可以在实现步骤时使用我正在使用的函数:function在同一个回调中,以便同步滑出选项卡和另一个div.

Answer 1

如果通过"常规函数",则表示动画结束时的回调,然后是,只需使用第二个选项参数设置动画的所有属性:

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

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