Problema fadeIN() Jquery

[otta88sun]

Ciao,
prima di postare ho cercato, ma non ho trovato la soluzione, vi spiego il mio problema, è abbastanza semplice, ma per me dura essendo agli albori di jquery.

$(document).ready(function() { 	$("#news").click(function() { 		$("#content").load("page/news.php").fadeIn(1500); 	}); });

Questa funzinoe mi permette di caricare nel box con id #content il contenuto di una pagina alla pressione di un pulsante, il problema è che non vi è alcuna animazione di entrata/uscita, nemmeno aggiungendo fadeOut. Il contenuto interno cambia all'istante mentre le animazioni avvengono dopo, mentre vorrei che il nuovo contenuto si sovrapponesse in circa 1500ms al vecchio.

Grazie anticipate

[lucavizzi]

Succede perché il fadeIn "parte" insieme al load.
Per far apparire il contenuto con l'effetto fade, bisogna attendere che questo sia stato effettivamente caricato.
Per questo scopo esistono le funzioni di callback, che "scattano" quando la funzione principale ha eseguito il suo compito:

$(document).ready(function() { 	
    $("#news").click(function() {
        $("#content").load("page/news.php",function(){ //<--Callback
            $("#content").fadeIn(1500);
        }) 	
    }); 
});

[otta88sun]

grazie, funziona