[Timeline animations for multiple divs with the same class]

I test different solutions , but I have a question – I'd like to animate only element with class active. Currently the first element animates third element, why? I learn JavaScript, but still a lot of work ahead of me

See the Pen LQPWGB by anon (@anon) on CodePen

[Slider navigation]

I reworked the last Sahil's codes – it works in pure JavaScript. I have a problem with jQuery code currently:

 

$('.slider-controls div').click(function(){
	TweenMax.killDelayedCallsTo(nextSlide);
	TweenMax.killDelayedCallsTo(nextSlideDescription);
	nextSlide($(this).index());
	nextSlideDescription($(this).index());
});

 

[Slider navigation]

5 hours ago, Sahil said:

Whoever wrote that original demo did great job of keeping things simple, I struggled a lot doing so. Following is the demo, you can add few more conditions so clicking on current slide won't animate it.

 

Thanks for this. Sahil, do you know how I can add class "active" to slider-controls when changing the slider?

[Slider navigation]

I'd like to say hello to everyone at the beginning.

 

I'm a novice in JavaScript world and I have a question. I tried to create navigation for my first GSAP slider and I have no idea how to get started. I'd be grateful for all the tips.

 

Regards,

Novice

See the Pen LOBmNO by anon (@anon) on CodePen