FadeIn and FadeOut with timeout

/ Published in: jQuery
Save to your folder(s)

First we have an element, that stays (in this case - progress indicator). After 2,5 seconds fades out for 500ms, and content under this element fades in.
div#content should have "display: none;"

Copy this code and paste it in your HTML
  1. jQuery(document).ready(function(){
  2. setTimeout(function(){
  3. $("div.loader").fadeOut( 500, function(){
  4. $("div#content").fadeIn( 3000);
  5. });
  6. }, 2500);
  7. });

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.