fadeIn() jQuery Demo

fadeIn()

$( '#p1' ).fadeIn()

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sapien nisl, malesuada vitae, facilisis id, suscipit vitae, purus. Etiam velit felis, rhoncus vel, rutrum consequat, porta ut, enim. Nam enim tellus, sollicitudin vitae, pharetra et, congue sed, nulla. Morbi augue leo, congue a, hendrerit at, laoreet ut, nibh. Praesent eu purus et neque posuere bibendum. Aliquam nibh dolor, ullamcorper iaculis, rutrum at, sagittis sit amet, tellus. Sed feugiat, nunc vel molestie aliquet, orci pede tincidunt magna, vel iaculis enim nulla eget est. Donec pede. Nulla lorem. Donec id lacus.

fadeIn( speed )

$( '#p2' ).fadeIn( 1000 )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sapien nisl, malesuada vitae, facilisis id, suscipit vitae, purus. Etiam velit felis, rhoncus vel, rutrum consequat, porta ut, enim. Nam enim tellus, sollicitudin vitae, pharetra et, congue sed, nulla. Morbi augue leo, congue a, hendrerit at, laoreet ut, nibh. Praesent eu purus et neque posuere bibendum. Aliquam nibh dolor, ullamcorper iaculis, rutrum at, sagittis sit amet, tellus. Sed feugiat, nunc vel molestie aliquet, orci pede tincidunt magna, vel iaculis enim nulla eget est. Donec pede. Nulla lorem. Donec id lacus.

fadeIn( speed, callback )

$( '#p3' ).fadeIn( 1000, function(){ alert( 'Done!' ); } )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sapien nisl, malesuada vitae, facilisis id, suscipit vitae, purus. Etiam velit felis, rhoncus vel, rutrum consequat, porta ut, enim. Nam enim tellus, sollicitudin vitae, pharetra et, congue sed, nulla. Morbi augue leo, congue a, hendrerit at, laoreet ut, nibh. Praesent eu purus et neque posuere bibendum. Aliquam nibh dolor, ullamcorper iaculis, rutrum at, sagittis sit amet, tellus. Sed feugiat, nunc vel molestie aliquet, orci pede tincidunt magna, vel iaculis enim nulla eget est. Donec pede. Nulla lorem. Donec id lacus.