I followed this simple tutorial on how to show and hide text. I really like the 0px height to auto height effect. - YouTube
I would like the same effect on my site on the “Joe’s Feed” bar. Click that bar and a section under (“feed section”) should appear and expand out. I’m not able to mimic the smooth behavior of the 0px to auto height effect in the video. I’m close, but it looks like something is disrupting the animation. Is this because I’m applying the effect to an entire section?
Hey @Finsweet it looks like you have padding on your expanding “feed section”.
If you remove the padding from that element, just place the padding on the text inside of the element. When you have an element set to a height of 0px, it does not take into account the padding inside of the element. Also set the initial height of “feed section” to 0px instead of the display: none initial appearance for a smooth expanding animation.