[Resolvido] Carregando dinamicamente com fade

Olá pessoal! Sou novo no fórum, e essa é minha primeira postagem...

Estou desenvolvendo um site simples no qual carrego dinamicamente o conteúdo dos links do menu em uma div (#conteudo)... para melhorar o visual coloquei um efeito fadeOut() antes de chamar o link e um fadeIn() depois de chamar o link... ambos funcionando!

O problema é que quando o link é clicado a mudança de pagina acontece ao mesmo tempo do fadeOut, e depois volta a aparecer com o fadeIn! Gostaria que esses eventos acontecessem um após o outro e não ao mesmo tempo!

Ajax que carrega o conteúdo e da o fade:

$(function(){
$("#carregando").hide();
	$("#topo a").click(function(){
 pagina= $(this).attr('href')

 $("#carregando").ajaxStart(function(){
 $(this).show();
 $("#conteudo").fadeOut("slow");
 })
 $("#carregando").ajaxStop(function(){
 $(this).hide();
 $("#conteudo").fadeIn("slow");
 })
	$("#conteudo").load(pagina)
	return false;
	})
})

Alguém pode me ajudar? Abraço a todos!