two lines of code too many

[jasper]

Sorry for not making a codepen, but my question is so pathetically simple I think it's unnecessary.

 

The following works.  (Obviously, it's just supposed to flash the two classes on and off in alternation.) But it doesn't work without the first (or last) two lines of code.  Why not?  I see redundancy here, and would like to refactor this properly.

	var foiled_crook = new TimelineMax({repeat:-1});
	foiled_crook
		.set($('.crook'), {autoAlpha:"1"})
		.set($('.crook-blocked'), {autoAlpha:"0"})
		.add("foiled", "+=2")
		.set($('.crook'), {autoAlpha:"0"}, "foiled")
		.set($('.crook-blocked'), {autoAlpha:"1"}, "foiled")
		.add("trying", "+=2")
		.set($('.crook'), {autoAlpha:"1"}, "trying")
		.set($('.crook-blocked'), {autoAlpha:"0"}, "trying")
		;

Thanks, eh.

[Diaco]

Hi jasper 

 

everything works correctly , pls fork and share the codepen if you still have any problem :

 

See the Pen raeVLL by MAW (@MAW) on CodePen.

[jasper]

Thanks Diaco.AW!

 

(Just me being an idiot then.)