fadeIn & fadeOut effects using Jquery click of button

FadeIn and FadeOut effects using JQUERY

We can manage the transition of an element by using fadeIn() and fadeout() effects in jQuery.

To fadeout on click of a button here is the code.


$('#b2').click(function(){
$('#d1').fadeOut();
})

To fadeIn with a click of a button here is the code.


$('#b1').click(function(){
$('#d1').fadeIn();
})

Adding speed to transition

We can add optional choice to transition effect. The choice are

Slow
Fast
Milli seconds

	$('#d1').fadeIn('fast');

These effects add speed to the transition effects.

This article is written by plus2net.com team.

plus2net.com

Most Popular JQuery Scripts
1	Two dependant list boxes
2	Calendar with Date Selection
3	Data change by Slider
4	Show & Hide element