jQuery carga html div específica en la página web

teniendo un poco de un problema

tengo cuatro enlaces al hacer clic quiero cargar contenido de una página html externa en un div llamado contenido que se desliza hacia abajo y muestra el contenido de la página html externa, pero quiero usar el href de los enlaces para cargar en div específico Etiquetas de la página html externa. Casi no tengo la última parte. Parece que no puedo usar mi variable dentro de mi statement de carga de jquery.

esto es lo que he conseguido hasta ahora ..

$("#services a").click(function(){ var href = $(this).attr("href"); console.log(href) $('#content').slideToggle(function(){ $("#content").load("services.html" + href); }); return false; }); 

Además, si alguien pudiera señalarme cómo deslizar el div contenido al seleccionar un enlace diferente y luego mostrar ese contenido para ese enlace … sería genial …

gracias chicos..

Suponiendo que href es correcto y es lo mismo que un selector, le falta un espacio:

 $("#services a").click(function(){ var href = $(this).attr("href"); $('#content').slideToggle(function(){ $("#content").load("services.html " + href); // ^^^ space needed here }); return false; }); 

esto se debe a que la syntax correcta para load() es

 $("#content").load("services.html #IdOfelementToLoad"); // ^^ ^^ ^ ^^ // container filename space selector for filter 

Documentación