Carga de contenido hasta que sea necesario

Lo que sucede es que tengo un div con un mapa, pero son varios mapas que tengo dentro de mi sitio asi que al cargar la pagina tarda bastante porque carga todos los html de una,
el div lo tengo "oculto" dentro de una como lista desplegable, el detalle es que no es necesario que se carguen todos de una si no hasta que el usuario quiera verlo es decir despligue el div,
alguna manera que sepan???

Saludos.

lo normal en estos casos es usar AJAX

Algo mas relacionado a JS para trabajar con JQ que ya tendo para no cargar mas librerias.

Ajax se implementa con JavaScript y JQuery ya tiene métodos específicos para Ajax, así que no estás agregando más "librerías" (lo correcto es decir "biblioteca").

Gracias por al aclaracion DriverOp,
estoy usando bootstrap
http://twitter.github.io/bootstrap/javascript.html#tabs

y en un tab quiero cargar un mapa pero bueno son varios los que deseo cargar lo cual hace lenta la carga de la pagina en cuestion y pretendo que hasta que se active o se clique el tab sea descargado el mapa,
uso el js que da bootstrap pero no me funciona
alguna idea,
aca mi codigo
http://jsfiddle.net/5WVc6/

No sé nada de bootstrap.