I want to smoothly reduce the height of a container to 0. It works if the initial height is an absolute pixel value. However, I cannot make the container an absolute value becaus it will have text content, so considering different screen sizes, the height the content will take up is unknown.
I've set up a quick test here: http://test8593.webflow.io/
It just jumps from visible to invisible the first time. It seems to then work most of the time after clicking the Show button. But I really need to get a nice sliding transition to work initially. What do I need to do to fix it?