title: setTimeout, show and hide using jQuery
body: <p>I have a large I want to display onload and then have it timeout to display smaller image.  then onmouseover, using jQuery slide in the large image and on mouse slide out the large image and slide in the smaller image.  Here is my code I have that only does the mouseover, mouseout function.  I need it to start with the large one displayed for 5 seconds and then slide into the smaller one.:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;   
      $(document).ready(function () {
          $(".expanded").show();
          $(".collapsed").hide();
  
  
          $(".collapsed").mouseover(function () {
              $(".collapsed").slideUp(500);
              $(this).next(".expanded").slideToggle(500);
          });
  
          $(".expanded").mouseleave(function () {
              $(".expanded").slideUp(500);
              $(".collapsed").slideDown(500);      
          });  
      });
  &lt;/script&gt;
  </code></pre>