[Is there an issue with the TimelineMax library.]

Hey All,

 

The following (attached codepen URL) doesn't work. The only way it works is if I use the TweenMax library. I cannot use that, because the file size is too large(108kb vs 20kb for TimelineMax).
 

<div class="token"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.0/TimelineMax.min.js"></script>
<script>

 var tl = new TimelineMax(); // TimelineMax fires an error.

 tl.to(".token",1,{x:100,alpha:0});

</script>

The above script fires an "Uncaught ReferenceError: TimelineMax is not defined". error 

 

Very simple code. Why is timelineMax not working? I've tried downloading the library and running this same code locally too, which is what i would like to do in the final build. No luck.

 

Any help would be much appreciated.

Thanks.

See the Pen mEGERb?editors=1111 by viewtifulmoejoe (@viewtifulmoejoe) on CodePen

[How can I animate only the div I click on?]

Thank you. Nice one. That worked. 
Can $(this) selector not work inside a seperate function?

Thanks again.

[How can I animate only the div I click on?]

Hey All,

Simple question I hope can be answered. 

At the moment when .card is clicked all the divs with the class .card animate.

I only want to animate the .card div that is clicked. 

 

I've experimented heaps with $(this) selection and I can't get it to work as intended.

Any help is much appreciated.

 

Thanks all.

See the Pen LGbaRe?editors=101 by mhcreative (@mhcreative) on CodePen