[AYUDA] Cargando enlaces en diferentes contenidos [Z3R0N3]

[Z3R0N3]

He restructurado el codigo, os lo muestro aquí:

Código:

var x;
x=$(document);
x.ready(EfectoMenu);
x.ready(IniciarEventos);

function EfectoMenu()
{
$("ul span").css("opacity","0");
$("ul span").hover(function () {
		$(this).stop().animate({
			opacity: 1
		}, 'slow');
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, 'slow');
		});
}

function IniciarEventos()
{
$(".items").load("pages/inicio.php");
$("a").each(Contenidos00);
}
 
 function Contenidos00()
{
var href = $(this).attr("HREF");
$(this).attr({ href: "#"});
$(this).click(EnlacesClick)

function EnlacesClick(evento)
{
evento.preventDefault();
$(".items").fadeOut("slow", loaditems);
$(".load").remove();
$(".carga").append('<DIV CLASS="load"></DIV>');
$(".load").fadeIn('normal');

	function loaditems()
	{
	$(".items").load(href);
	$(".items").fadeIn("slow", hideLoader);
	}
	function hideLoader()
	{
	$(".load").fadeOut("normal");
	}

return false;

}
}

Para explicarles nuevamente lo que quiero hacer viendo ese codigo es lo siguiente:

Supongamos que tengo un html donde cargo "pages/inicio.php" en una caja llamada '<div class="items">'.

Pues ahora bien, dentro de "inicio.php" (que es la página que he cargado anteriormente en el html), dispongo de 3 enlaces y una caja llamada '<div class="items2">', Donde según pulso en cada uno de los enlaces me carguen diferentes contenidos en esa caja (esos contenidos son archivos externos) sin machacarse el contenido padre (el de la caja '<div class="items">' del archivo inicio.php donde también se encuentran los enlaces como os he dicho anteriormente).


Y eso es lo que busco... si me pueden ayudar cuanto antes posible os lo agrecería muchísimo ya que es algo urgente. Muchísimas Gracias y Salu2 compañeros.