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

✖

We use cookies to improve your browsing experience. . Learn more