Question

I’m doing jquery small animation of fade in to form validation

This is working perfectly fine, but after several clicks the div opacity is changing to its lowest until it totally disappears

Here is my fade in code

$("#edit-username check").addClass("right").css("display","none").stop().fadeIn(); 

And here what I do to hide this class effect

$("#edit-username #check").removeClass("right"); 

Here is the jsfiddle to my code (the problems appear best on tab click several times)
http://jsfiddle.net/77BbA/20/
thanks alot in advance

Answer 1

Why are you add extra classes? Try this to show the tag:

$("#edit-username #check").hide().stop().fadeIn();

and this to hide:

$("#edit-username #check").hide();

In addition you forgot a # in front of the first #check. You can also use .animate for more flexible animations