Why is this jQuery script stopping my form validation from working?

So here is the script:

// fade effect for links and sharing

$(document).ready(function() {
$('a').hover(function() {
$(this).fadeTo("fast", 0.4); }
, function() {
$(this).fadeTo("fast", 1.0); }
); $(".st_facebook_large, .st_twitter_large, .st_myspace_large, .st_digg_large, .st_stumbleupon_large, .st_ybuzz_large, .st_linkedin_large, .st_aim_large, .st_delicious_large, .st_reddit_large").hover(function() {
$(this).fadeTo("fast", 0.4); }
, function() {
$(this).fadeTo("fast", 0.9); }
);

// scroll to top fuction


$(window).scroll(function () {
}
); $('.top').click(function() {
$('html, body').animate( {
scrollTop : 0}
, 'slow'); return false; }
); }
);

// infinite blink fade

function effectFadeIn(classname) {
$("."+classname).fadeTo("slow", 1.0).fadeTo("slow", 1.0, effectFadeOut(classname))
}
function effectFadeOut(classname) {
$("."+classname).fadeTo("slow", 0.5).fadeTo("slow", 0.5, effectFadeIn(classname))
}
$(document).ready(function(){
effectFadeIn('blink');
});

It's the bottom infinite blink fade section. If I remove this my form validation works fine. Any ideas??

 

Firebug give an error "too much recursion". I've never seen that before, but I guess it means you should try another method.

Try this:

function doBlink(s) {
	$(s).fadeTo("slow", 0.5, function() {
		$(s).fadeTo("slow", 1.0, doBlink(s));
	});
}

$(document).ready(function() {
	doBlink(".blink");
});

Code (markup):

 

Worked like a charm, thanks!

If there's anything I can you you with, just let me know @

airwalk-design.com

 

Cheers mate

I noticed that it doesn't blink regularly and tends to go through phases. There are a few blink plugins that may do a better job, like this one:
http://www.bugzappy.com/cyclic-fade-jquery-plugin/