if ($(".r1").is(":visible")) $(".r1").animate({'opacity':'0'},100);
if ($(".r1").css('opacity')==0) $(".r1").css('visibility','hidden');

non va bene?


EDIT:
ancora meglio
codice:
if ($(".r1").is(":visible")){ 
	$(".r1").animate({
		opacity: '0'
	}, 100, function() {
		$(".r1").css('visibility','hidden');
	});
}