.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
GSAP animate height and expand
I'm trying to expand the content using GSAP, so I can have the height animated of the hidden content.
If you click the "Sterilisers" button/product, you expanding the content.
I applied GSAP but with not the expected result. Please advice what's the best way.
$('.js-tile').richTile().on({
'expanded.RichTile': function(event, tile) {
// disable siblings on expand
var siblings = tile.element.siblings('.js-tile');
siblings.richTile('enable');
siblings.richTil
Something in that demo was definitely causing drifting to happen. I made an isolated demo, and everything works as expected.
One thing I noticed when using exponential scale is that it is kind of like a linear ease, which may not be what you want, so I modified it to accept an optional ease.
Also added some checks to prevent errors. Not sure what would be the best way to handle zero and negative numbers.
function ExpoScaleEase(start, end, ease) {
var cha
