title: Make div visible on page load jquery
body: <p>This is probably an easy solution..</p>
  
  <p>I have a div that is set to display:none;</p>
  
  <p>I am also using a  tag for a display to show if javascript is disabled in place to the hidden div.  I am trying to figure out how to make the display that is hidden to show but without any effects...(just have the div be there when the page loads with javascript enabled)</p>
  
  <pre><code>&lt;div class="carousel-container"&gt;&lt;/div&gt;
  
  &lt;style&gt; .carousel-container {display:none;} &lt;/style&gt;
  
  &lt;noscript&gt; &lt;div id="blah"&gt;&lt;/div&gt; &lt;/noscript&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>$(document).ready(function(){
  
      $(".carousel-container").show(10);
  
  
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>I know the show effect makes it move but is there a different effect that just has the div shown when the page loads</p>