title: while loading page hide div display
body: <p>I am using given script for hide div when page load or refresh but while page load that time hidden div display,How to resolve this problem ?That means hidden div display while page or to take time to load page that time hidden div display after that hidden div</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="display"&gt;
    &lt;div class="w-section"&gt;
     &lt;label style="margin-left: 285px;"&gt;Coupon Name&lt;/label&gt;
    &lt;/div&gt;  
    &lt;div class="w-section" &gt;
     &lt;label style="margin-left: 285px;"&gt;Transaction Amount&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$("#display").css("display", "none");</code></pre>
  </div>
  </div>
  </p>