单击以滑动第二个div无法正确显示

Question

当我点击一个框然后第二个框不正确时，显示第二个框与第一个框幻灯片相同

http://jsfiddle.net/fgve2xuj/`          文本

</div>

         文本

</div>

`

Answer 1

使用回调。动画完成后会触发Jquery回调。这对于按顺序将不同的动画串联在一起非常有用。

$( ".dihai" ).show( "drop", { direction: "right" }, "slow" );

$( ".dihai" ).click(function(){

    $( ".dihai" ).hide( "drop", { direction: "left" }, "slow" , function() { 
         $( ".dihai2" ).show( "drop", { direction: "right" }, "slow" ); 
    });

});

Fiddle