title: Preload div once images, javascript files are loaded?
body: <p>I've been trying to work with jQuery libraries to preload content, the usual issue I ran into was that once all content is preloaded it displays a div however for a split seconds you can still see "bad looking" content as javascript wasn't applied to it yet, and than it changes to what it should look like. It's hard to explain. Basically I'm trying to display div (<code>&lt;div class="text"&gt;&lt;/div&gt;</code>) on a page once whole page is loaded, so images, javascript files etc.. I found really good example of what I wan't over here <br></p>
  
  <p><a href="http://tympanus.net/codrops/collective/collective-58/" rel="nofollow">http://tympanus.net/codrops/collective/collective-58/</a> <br></p>
  
  <p>You can see that grid / content is only displayed once everything is loaded up, before that users get a loading image as indication to wait, that's exactly what I try to achieve. I tried looking at a source, but it seems that a "preload" script is somewhere within other scripts, and has lots of unnecessary code (for me). so could you please suggest a lightweight jQuery solution for this issue?</p>