title: jQuery animation but not simultaneously ?
body: <p><a href="http://jsbin.com/ilemoy/2/edit" rel="nofollow">http://jsbin.com/ilemoy/2/edit</a></p>
  
  <p>I've build some code but the animation runs at the <code>same</code> time.</p>
  
  <p>My question is : </p>
  
  <p>What is the <code>approach</code> ( I don't need the code actually - althught it will be great) for <code>remembering</code> in queue the "<em>need to come</em>" animations ?</p>
  
  <p>example : </p>
  
  <p>when I mouse over from left to right all over the items : </p>
  
  <p>the <code>first</code> one will animate , the <code>second..last</code> animations should be "remembered" to be animated  .</p>
  
  <p>the first  animation finishes , and <strong>THEN</strong> starts the second animations for the second one. </p>
  
  <p>when it finishes , the third one begins etc...</p>
  
  <p><em>What is the best practice approach ?</em></p>
  
  <p>I thought about declaring an array and each mouse over should push the object - and when the animation finished , it pop the next item and animate the selected item.</p>