I’m currently trying out some of the new animation features of Webflow. I’m currently playing with the “show more hide” option. What I don’t get is how to set the interaction to 1. Where do you do this? I think this is the reason why my interaction is not working properly at the moment!
The effect is not working the way it should…I suspect that this is due to me now knowing how to set the interaction to 1. It mentions this in the explanation on Website interactions and animations | Webflow
You’ll notice I removed the padding and margins of the text element. Because you want it to disappear totally with height:0. So put your margin elsewhere, like I did, on the button.
Also passed it to overflow:hidden so it actually does mask the text when it shrinks in height.
Also removed a strange text displacement you had added.
I hope everything makes sense now (: It’s an important interaction to master in Webflow.