This jquery I've written wont fade out div before going to url

[gribbs100]

Hello Guys, I am kind of new to this language but i had this working at one point and now it doesn't work correctly. When you click the link in the footer div, it should fade out the home_main div and then after completed, proceed to the link url.

The issue is that when you click, it is skipping the fadeOut and just going to the url like a normal hyperlink.

the div is set to display none in the css by default so that isn't the problem. I think i just have a scripting mistake:

$('#footer a').click(function(){

	
$('.home_main').delay(200).fadeOut(500,function(){	
	
var newLocation = $(this).attr('href');
		document.location = newLocation;
	
});
	
	return false;

});

Any ideas what I did wrong? the rest of my jquery is working fine but not this segment

Thanks

[devnull69]

$(this).attr('href') might be undefined. $(this) doesn't refer to the clicked object but to .home_main. I think it will just produce an error and render the code useless.

[VIPStephan]

Yeah, move the “var newLocation” line one level up, right into the click function (i. e. to the second line of your posted script) and see if that works.

[gribbs100]

Thanks guys for that info. Ill give it a try. Ill report back if it doesn't work.

Thanks again.