jpignati
Content Type
Profiles
Forums
Store
Blog
Product
Showcase
FAQ
Downloads
Posts posted by jpignati
-
-
The problem I am seeing is after I do this:
TweenMax.to('#contentsCase.'+sectionArray[currentSection], 1, {autoAlpha:0, left:-1210, onComplete:byeBye, onCompleteScope:currentSection})
I can't change the value of left with jQuery in the onComplete function.
In the function byeBye, I am trying to set the css value of left back to either 'auto' or 'inherit' but it's not changing anything.
Neither of these work, but I can change any other value no problem.
$('#contentsCase.'+sectionArray[currentSection]).css( 'left', 'inherit' );$('#contentsCase.'+sectionArray[currentSection]).css( 'left', 'auto' );My other question is if I can tween to an 'auto' or 'inherit' value?
After using tween, not able to change css value
in GSAP
Posted
Thanks for your quick response. Here is a simple demo of what I am trying to do:
See the Pen uybdB by jpignati (@jpignati) on CodePen
at the end the green div should have a right:auto value but it does not. I can set the left to auto no problem. I am fairly new to .js so maybe I am missing something.UPDATE:
Hey guys, looking at it simplified made me realize that I was not waiting for the correct tween to end before I tried to set the values. So the second tween was overriding the set values.