On this site I have a section of the footer that is revealed on clicking a Contact Details trigger.
It works, but it would be nice if I could get it to move as smoothly as the animated ‘Learn More’ reveal action above it on the page.
The footer setup is using the same approach and order of actions as the Learn More setup. The main container of the footer is animated to Hide -> Show and Size:height:0 -> Size:height:auto And the inner content has a delayed Opacity action on it. It’s pretty simple, but for some reason it does not have the same smooth opening action as the Learn More and snaps shut when closing.
I have a suspicion that the footer action Size:height:auto has something to do with it, but I can’t change this as it’s set to work responsively.
Any ideas on how to make it work better?