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");
  });
});