Question

Is there a certain way in which the fadeIn method should be used to fade in a class.
I have tried ….

$(".ipv4val").removeClass("bad").fadeIn("slow")

…. but this fails to fade the class in.

Any Ideas

Thanks,

Answer 1

Working Demo: http://jsfiddle.net/3g6rd/1/

HTML:

<div class="ip4val bad"></div>​

CSS

.ip4val{width:200px; height:200px;}
.bad{background:#333;}​

Jquery:

$(".ip4val").click(function(){

    $(this).fadeOut('slow', function(){
       $(this).removeClass('bad')
    });
});​

———-Updates——-

If you just want to fadeout the border of input on focus, its posible with CSS3.

Working CSS fiddle:

http://jsfiddle.net/surendraVsingh/3g6rd/3