как объединить эти 2 кода анимации jquery в один

Question

вот код пока. то, что я хочу, это сначала #spider для easeOutBounce, а затем начать делать эту анимацию

  $("#spider").animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);

вот все коды

   $(document).ready(function() {
     setTimeout("animation()",300);
  });

  function animation(){
       spider();
  }

  function spider(){
     $("#spider").animate({top: '200px' }, {queue:false, duration:600, easing:'easeOutBounce'});
      $("#spider").animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);
      setTimeout("spider()",2000);
  }

спасибо

Answer 1

Вы имеете в виду обратный вызов ??

function spider(){
   $("#spider").animate({top: '200px' }, 600, 'easeOutBounce',
       function() {
         $(this).animate({top:"-=20px"},1000).animate({top:"+=20px"}, 1000);
   });
}