abrir html y hacer div visible

[emeotero]

Hola,
como podría abrir una página html desde un enlace y que al abrirla se haga visible un determinado div que tengo oculto?

Utilizo este método para abrir los enlaces en una página _blank:

Código:

$(document).ready(function(){
   $("a.external").click(function() {
      url = $(this).attr("href");
      window.open(url, '_blank');
      return false;
   });
});

Tengo otro html que quiero cargar del mismo modo, pero en función del link que seleccione que se haga visible un div u otro. Quiero decir

opción A - ejemplo.html -- div A visible (resto oculto)
opcion B - ejemplo.html -- div B visible (resto oculto)
...

Hice una función para hacer visible un div de otra página dentro de un div, pero esto no es lo que necesito hacer.

Código:

$(document).ready(function(){
	$("#cal05").click(function(event){
		$(".cuerpo").load("calendario.html div#CAL-A");
	});
});

Agradezco un empujoncito

[Alexis88]

Si adjuntas una cadena de consulta a la URL indicando el identificador del elemento a ocultar, te será más sencillo manejar esto.

Por ejemplo, en el archivo de los enlaces, las rutas indicadas en los enlaces deberían ser similares a estas:

Código HTML:

<a href="ejemplo.html?div=foo">FOO</a>
<a href="ejemplo.html?div=bar">BAR</a>
 

Y en el archivo "ejemplo.html" ejecutarías el siguiente script:

Código Javascript:

$(document).ready(function(){
    var queryString = location.search,
        id = "#" + queryString.split("=")[1];
 
    $(id).fadeOut();
});
 

Primero tomamos la cadena de consulta de la URL mediante la propiedad location.search. Enseguida, seleccionamos el valor que se encuentra a la izquierda del signo de igualdad de la cadena de consulta (previamente separada en dos partes utilizando el método .split()), el cual es el valor que necesitamos, mismo que, en este ejemplo, es el identificador del elemento que ocultaremos. Finalmente, tomamos a dicho elemento por el identificador obtenido en el paso anterior y lo ocultamos con el método .fadeOut().