title: How to remove the fade out effect in this preloader?
body: <p>I tried to remove the <code>.fadeOut("slow")</code>, but the page won't load.</p>
  
  <p>What is the proper way to remove the fade out effect of page on this preloader code?</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  // makes sure the whole site is loaded
  jQuery(window).load(function() {
      // will first fade out the loading animation
      jQuery("#status").fadeOut("slow");
      // will fade out the whole DIV that covers the website.
      jQuery("#preloader").delay(5).fadeOut("slow");
  })
  &lt;/script&gt;
  &lt;style&gt;
  #preloader  {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #fefefe;
      z-index: 99;
      height: 100%;
  }
  #status  {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100vw;
      height: 100vh;
      background-image: url("images/loader.gif");
      background-repeat: no-repeat;
      background-position: center;
  }
  &lt;/style&gt;
  &lt;div id="preloader"&gt;Loading... Please Wait.&lt;/div&gt;
  &lt;div id="status"&gt;&amp;nbsp;&lt;/div&gt;
  </code></pre>