Hi guys, I need one last tip. I recreated the show/hide animation and although the initial state is set to none, when refreshing the page the content is at first there, not hidden. The animation work perfectly after I start clicking through. Any ideas why this happens and how to fix it?
Hide/Show by itself doesn’t really do a lot visually. It just tells the browser if the element is “present” or not. In order to achieve what you want, you also need to affect the opacity of element (E.g you set the opacity to 0% as initial state and then it grows to 100% when scrolled into view )
Thanks guys, I solved the problem by additionally changing the display attribute to none in the main panel (in addition to the animation itself). It was that simple. Now all is good again.