title: JQuery delay before fadeOut
body: <p>I have written a jquery script that allows me to fade divs in and out, then repeat. The code works fine. However, when I try to add a delay (I want the div to stay up a few seconds before fading out), it does not work properly. I've tried adding the delay in several places inside the code and none seem to function properly. I am using Jquery version 1.9.1</p>
  
  <p><strong>Here is the script that I have written:</strong></p>
  
  <pre><code>$(document).ready(function(){
     ShowPostDiv(0);
  });
  
  function ShowPostDiv(divIndex)
  {
      $(".home_entry_txt").hide();
  
      if(divIndex &gt;= $(".rotate_hide").length)
      {
          divIndex = 0;
      }
      var divPostHtml = $(".rotate_hide:eq("+divIndex+")").html();
      $(".home_entry_txt").html(divPostHtml); 
      $(".home_entry_txt").fadeIn(3000, function(){
               $(".home_entry_txt").fadeOut("slow");
          });
      divIndex++;
      setTimeout("ShowPostDiv("+divIndex+")", 4000);
  }
  </code></pre>