Streaming live at 10am (PST)

Show/Hide interaction content disappearing


#1

Hello.

I'm trying to show/hide a div that contans a paragraph and a bunch of lightbox thumbs. I followed the Interactions video and everything seems to be working fine except for the fact that the content doesn't show up when it's expanded. It's there because I can click the thumbs and they trigger the lightbox, and I can select the text. But everything is just white.

Check it out here:
http://forte-partners.webflow.io/media-center

When you click "read more" you'll see the div expand and yet the content doesn't show.

It's obvious that I'm missing something so here I am, at your mercy :smile:

Thanks,
Cristian


#2

Hey @saturnian can you please post your read-only link so that we can further assist you?

Thank you,

Waldo :smile:


#3

Hey Waldo,

Thanks for the reply. Here's the share link:
https://preview.webflow.com/preview/forte-partners?preview=0eb023fb404b09581a6a8aee6d9e1c2e

THe issue is on the "Media Center" page, unde the "News tab, first "article", the read more button.

Thanks.


#4

Hey @saturnian

If you set your Post Div 1 class to have Overflow of Hidden, this will help greatly. :smile:

Then change it's initial appearance interaction to have a height of 0px.

Then on the interaction on the Read more button first step, remove any timing (currently at 500ms on height & opacity)

On the second step of the interaction set the opacity to 100% as well. :smile:

This should take care of everything for you. :smile: I recommend having the text at 100% opacity at all times, and just hiding it within the container (overflow: hidden takes care of that for us).

Thank you! Let me know if you have any questions.

Waldo :smile:


#5

That took care of everything!

Thanks a million Waldo, one of the reasons I love Webflow is this community. Awesome!


#6

My pleasure :smile: Always happy to help! Happy Webflow-ing :smile: glad that you are here and keep up the great work!

Waldo


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.