Jump to content


Visibility and Scroll not working

Recommended Posts

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

Link to comment
Share on other sites

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.


Link to comment
Share on other sites

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


Link to comment
Share on other sites

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


  • Like 1
  • Thanks 1
Link to comment
Share on other sites

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. 


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.