Hide / show Text

Hi Folks,

I’ve created a block od text that I’d like initially hidden and then shown once a button is clicked. Thereafter, hidden upon a second click. Nothing fancy - I followed the tutorial. Had it working except that the text didn’t transition in synch with the block that it resides in. Couldn’t ‘link’ the two.

Now, after 'attempting to resolve the issue - doesn’t work at all.

I have overflow: hidden on the div block. Doesn’t help.

Site is https://webflow.com/design/june-20146110257?preview=be7663cb8b30698796f5b1929f5077a6

Any thoughts would be most helpful.

Rob

Your paragraph should have no interaction ‘Display none on load’ at all.

Thank you for your reply. Tried altering that (as I understood it).

May now have also changed other elements.

No joy - could still use some help.

Hey, I think I got it to work.

I removed hiding the

and hide just the container on load. I called it hide.

There was some interactions missing on your button. Maybe this screen cap can
say more than me typing it:

It did not look like you named the “affect different element” checked off.

I got it to work with those changes.
Hope that helps.

Hi. I’ve gone checked your site again and found you have Div Block that Display none on load assigned to it.

I set it to None and it works for me.

Hey Guys ,

First - thanks very much! I’m 99% the way there!

Pastiwibawa - I followed the tutorial video - that was how they did it. I tried adjusting in accordance with your direction - didn’t work. It could be because of the changes I just made.

FND - that really helped.

The only slight problem I have right now is a slight delay / sticky point on both show and hide.

Any last suggestions? Please…

FND - that really helped!! Many thanks.

The only slight problem I have right now is a slight delay / sticky point on both show and hide.

Any last suggestions? Please…