Animate on IsInView

[ktorti]

Two questions really if you still look at this repo.

1. I'm still pretty new to JS, so how if I have 4 SVG's that need to be animated do I differentiate them? Do they all need to have different ID's and how would I reflect that in the JS file?
2. Would you happen to know how to delay the animation of the SVG's until you scroll to them? Is it something I would have to add into the drawfillsvg.js file or can I add it into my animate file with this format somehow?
   $('.timeline > .timeline-inverted > .timeline-panel').css('opacity', 0).one('inview', function(isInView){
   if (isInView) {$(this).addClass('animated fadeInRight').css('opacity', 1);}