javascript - Wow + jquery + animate div shows on load and then appear again -
i using jquery + wow + animate appearing div animations on page. working except page not loading smoothly. divs should appear smoothly first appear on page load, hide , after appear animation.
please check www.pester.rs , see problem, have tried nothing works.
it loading order issue - first, browser downloads document , display it. later when loads entire javascript hides content provide nice animation. think it's affected internet connection speed.
solution 1: hide content css load hidden
cons: if javascript crashes, content stay hidden
solution 2: place code @ end of body, before other scripts loaded (before other script tag)
var wows = document.getelementsbyclassname('wow') (i = 0; < wows.length; i++){ wows[i].style.visibility ='hidden'; }
it executed right after page loading before jquery , should fast enough.
solution 3: use inserted css file head of document suggested there http://robertnyman.com/2008/05/13/how-to-hide-and-show-initial-content-depending-on-whether-javascript-support-is-available/