Enter & Leave Animation When Element is Shown/Hidden

Hi.
I have a few elements on my page which get shown/hidden dynamically (dmx-hide/show) based of user input.
I have set Enter & Leave animations on the elements for a nice smooth transition effect.
But, they only play once. And leave animation does not even work.

When an item is made visible first, animation plays. But if its hidden, leave animation does not play.
And when I make it visible again, the enter animation does not work again.

The inview & outview animations are just meant for elements when they are made visible & invisible while scrolling, so they don’t apply for my case.

Any suggestions on how to make it work?

Community Page
Last updated: