Start the second animation when the first one is finished and so on

[kayut]

 

Hi,

Looking at this Pen:

 

Animation

 

I like to achieve that when the animation of the second element starts only after the animation of the first element is finished.

When the animation of the second element is finished, the animation of the first element should start and so on (infinitive).

 

I know that I used JavaScript in this (not working) example but I'm more than happy to have a working jQuery solution.

 

Thanks