Show and Hide-Text Problem (appearing immediately)

Design help General
1

Hello,

So I was following the Tutorial for Show and Hide by opening up a blank site and quickly making two sections, a button in one and a few lines of text in the other. However, my effect shows up weird: the text appears immediately when I click the button and not “growing” in height like the text element’s background and border. So the text doesn’t follow the rest of the element’s properties in that those properties properly expand from height 0 to height auto but the text immediately shows up in its entirety (not expanding from height 0 to height auto).

Thanks

2

change the overflow to hidden on the box you are hiding.

3

Thanks for the reply, sstraub. That did work-but I don’t recall overflow being covered in the tutorials video. So basically your solution worked but I have no idea why :frowning: Can you or anyone else explain what happened and how this helped my situation?

Thanks alot.

4

I don’t think he says it in the tutorial, but you can see it is selected in this video, http://tutorials.webflow.com/click-to-show-hide

I had this issue 2 weeks ago and searched the forum for the solution. Hidden just means that there won’t be any overflow and it basically will follow any animations applied to the parent class.

You can see I have this effect on my second page Products for my tabs. https://webflow.com/design/nuvertise?preview=b9e9933bf4ca0eec81120ea0f67dd4a1

5

I did not catch that although I viewed that video loads of times hehe.

Thanks alot!