Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Sebastian Graus
Sebastian Graus
633 Points

Overlay navigation not closing correctly

Hi,

I am building a site and am using a full overlay navigation. It works pretty good, however I have one problem. When you close the menu, it seems as if the mask (the grey background) disappears quicker than the text, making it look weird. Any ideas?

To reenact the issue: click the + in the top right corner of the page. Then close it by clicking the x again. The site is here: http://500stockholm.se/500stockholm/

Thank you very much for your help.

1 Answer

Steven Parker
Steven Parker
243,656 Points
Steven Parker
Steven Parker
243,656 Points

It looks like the result of a jQuery .slideUp() operation.

It's a bit hard to track through the multiple libraries and frameworks involved, but the visual effect appears to be the result of an animation or transition, most likely a jQuery .slideUp()/.slideDown() operation.

If you need to do something in a way that is not directly supported by the framework, you might have to customize the framework or dispense with it altogether and "roll your own".