Changement style div en fade

Bonjour

Je cherche à faire apparaitre puis disparaitre en fade un div. Je bloque sur le fade.. Je n'arrive pas à appeler correctement cette fonction fadeIn() et fadeOut(). j'ai tenté animate() et delay() rien a faire... J'ai surement loupé un détail.
J'explique le principe: j'ai des adresses qui s'affichent à partir d'une table mysql, et je veux faire en sorte que le client puisse modifier et sauvegarder ces adresses sans recharger la page -> pour ça j'ai réussi.
Le problème, c'est que j'aimerais afficher un div avec écrit "Sauvegardé", qu'il apparaisse, et qu'il disparaisse, en fade évidémment.
Alors je viens vous demander de l'aide pour régler ce problème. Je précise que je débute dans l'ajax, jusque là je me mouillais pas trop et adaptais les scripts tout fait. Mais j'ai décidé de savoir en maitriser au moins les bases, c'est donc mon premier ajax, et afin que je comprenne bien l'erreur j'aimerais avoir des précisions dans la réponse.

mon code JS:

/* Changement des adresses */

function modifier(f, adrDivId) {
	var xhr_object = null;
	
	if(window.XMLHttpRequest) // Firefox
		xhr_object = new XMLHttpRequest();
	else if(window.ActiveXObject) // Internet Explorer
		xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
	else { // XMLHttpRequest non supporté par le navigateur
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
		return;
	}

	var s1       = f.elements["nom"].value;
	var s2       = f.elements["prenom"].value;
	var s3       = f.elements["adresse"].value;
	var s4       = f.elements["parId"].value;
	var s5       = f.elements["adrName"].value;
	var data     = null;
	
	if(s1 != "" && s2 != "" && s3 != "" && s4 != "")
		data = "s1="+s1+"&s2="+s2+"&s3="+s3+"&s4="+s4+"&s5="+s5;
	
	xhr_object.open("POST", "noreload.php", true);
	
	xhr_object.onreadystatechange = function anonymous() {
		if(xhr_object.readyState == 4) {
			var tmp = xhr_object.responseText.split(":");
			if(typeof(tmp[1]) != "undefined") {
					
					 $("#25").fadeIn("slow");
					 //$("#25").delay(800).fadeIn("slow");
				//document.getElementById(adrDivId).style.visibility = "visible";
				// document.getElementById(adrDivId).innerHTML = "<font color='green'>Sauvegardé</font>";
				 /* $('#25').animate({
					visibility: visible,
				}, 5000, function() {
					// Animation complete.
				});*/
			}
			alert(tmp[0]);
		}
	}

	xhr_object.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

	xhr_object.send(data);
}

Mon div sur la page html :

	<div id="25" style="visibility: hidden"><font color="green">Sauvegardé</font></div>

Et je vous remercie d'avance pour l'attention que vous porterez à mon sujet.
Cordialement