Advanced Search

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;"

Expand | Embed | Plain Text

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


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.