FadeIn And FadeOut Repeat

When I quickly click a #div several times, fadeIn and fadeOut is performed several times. I would like the animation is not repeated, if I quickly click #div animation perform onl

Solution 1:

Try using .stop()

$("#information").stop(true, true).fadeIn(1200).fadeOut(1200);

Demo ---> http://jsfiddle.net/S48RU/