title: Replace image with text after 5 seconds delay
body: <p><strong>Goal</strong>
  <br>Replace one div with another after 5 seconds delay using jQuery.</p>
  
  <p><strong>Description</strong>
  <br>I would like to show an image in a div for 5 seconds and after that it should be replaced with text in another div.</p>
  
  <p><strong>HTML Code</strong></p>
  
  <pre><code>&lt;div id="outer"&gt;Image here&lt;/div&gt;
  &lt;div id="text"&gt;Text here&lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery Code</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function()
      {
          setTimeout(function()
          {
              $("div#outer").fadeOut("slow", function ()
              {
                  $("div#outer").remove();
              });
           }, 5000);
       });
  &lt;/script&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>