Visibility and Scroll not working

[Charlyta]

Hello and thanks in advance.

 

I am trying to show a hidden div that scrolls from my main menu. It is not working even I changes the opacity, display or visibility options. 

Any suggestion will be really apreciated.  

See the Pen oNpKwvy by charlyta (@charlyta) on CodePen

[OSUblake]

Hi Charlyta,

 

I'm not sure what you're asking here, but your #content has display: none and visibility: hidden on it, so you would need to resolve both of those. And you don't visibility: hidden if display is set none.

 

[Charlyta]

Hi OSUblake,

 

I want to show my hidden div with display:none and opacity:0 becomes visible. This hidden div will be showed from an option link of my main menu. I have set the right code in jquery, but the div is not displayed. It is because there is an error in my gsap code?

 

This an example of what I mean: 

See the Pen QWWaWPy by GreenSock (@GreenSock) on CodePen

Thanks

[OSUblake]

Your original demo is all CSS issues. If you want to toggle something, you can do it like this.

 

See the Pen eYVBdjb by GreenSock (@GreenSock) on CodePen

 

[Charlyta]

Thanks for your response, it has been very useful. I have notice that my first code works fine with previous resize of the screen.

I will use your code to test where is the problem. 

;)