JQuery - Una carga de páginas html con ajax y jquery que no logro hacer funcionar

Quiero hacer un script para que se cargue una página en un div llamado destino, siendo una página distinta para cada enlace, (un menú de selección), y con un efecto fade in y fade out.

He conseguido hacer funcionar el efecto con el siguiente script



$("#iddelhref").click(function(evento){
evento.preventDefault();
$("#destino").fadeOut(500, function(){
$("#destino").load("urlacargar.html", function(){$("#destino").fadeIn(500);
});
});
});


Quiero simplificarlo para no tener que poner tanto código para cada uno de los enlaces.
No logro que funcione. A ver si podeís ayudarme Gracias.

El código que tengo es éste. (he puesto en negrita dónde creo que está el fallo que no se solucionar)

Gracias de antemano.



$(document).ready(function(){
$("#destino").load("index_aj.html");
var clicked;
$("a").click(function(evento) {
clicked = evento.$(this);
});

$(".nivel1").click(function(evento){
evento.preventDefault();
$("#destino").fadeOut(500, function(){
$("#destino").load(clicked, function() {$("#destino").fadeIn(500);
});
});
alert (clicked);
});
});