title: Jquery animate when another animation is in progress
body: <p>I'm using a simple easing animation given here using <a href="http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations" rel="nofollow noreferrer">JQUERY EASING PLUGIN</a><br>
  i.e.easing a div from left:200 to left:0 and back.(last example on above page)</p>
  
  <p>I have multiple divs in a container div.and what i want to do is animate the 4 divs in following way :</p>
  
  <p>1] Suppose if i have two divs, div1 and div2.
  when div1 is animated,and the <strong>animation is in progress</strong> the div2 animation should start.eg: when div1 is moving from left=200 to left=0 , the div2 animation should start when div1 is at left = 100. </p>
  
  <p><strong>Edit</strong>
  (Note:the number of divs are variable)</p>
  
  
  
  
  .......
  
  
  
  
  <p>When the <strong>current</strong> animation is in progress,and reaches a point the <strong>next</strong> animation should start (effect of animation is same of all divs).</p>
  
  <p>2] While iterating a div collection and animating, delay the next animation for a given interval of time. </p>
  
  <p>Is there any way to know start of animation? or animation is in progress?</p>
  
  <p>Thanks all</p>