Jquery - 动画完成后显示div

Question

如何在动画完成后显示div？

这是我的代码，动画有效，但div没有出现......

<script type="text/javascript">
    jQuery(document).ready(function () {                        
  $('#container-single article').delay(2000).animate(
  {left: '-490'},
  {duration: 250,
   easing: 'easeOutQuad'
   } , function() {
   $('#close').css("display", "block");
  });
});
</script>

由于

Answer 1

因为像CSS或HTML标记这样的外部力量可能会出现问题，我写了这个。

http://jsfiddle.net/zQWa8/1/

$(document).ready(function () {                        
  $('#container-single article').delay(2000).animate({
      left: '-490',
      easing: 'easeOutQuad'
  }, 500, function() {
      $('#close').css("display", "block");
  });
});