Problema con div ocultar/mostrar

[Marioneku]

Tengo un problema y es que me gustaría que en un mismo html que haya 3 capas y 3 link ,al pulsar a uno salga esa capa y si pulsa otro link se oculte la capa actual y muestre la de ese link,el problema es que no se como ,con dos capas me ha resultado sencillo

function showDiv(id){
$("#"+id).fadeIn('show');
}
function hideDiv(id){
$("#"+id).hide();
}
function abrirRegistro(){
hideDiv('divright');
showDiv('divright2');
}
function cerrarRegistro(){
hideDiv('divright2');
showDiv('divright');
}

pero con 3 no me gustaria coger y hacer un monton de funciones con las posibles conbinaciones de mostrar y ocultar,por tanto ¿hay alguna manera de que recoga el id del div actual hacerle desaparecer y que aparezca la nueva capa?

[Kamae]

Hola buenas

Tienes muchas soluciones posibles. Una sería que le pusieras la misma clase a los divs, por ejemplo "ventanas". Luego haces un hide() de todo lo que sea la clase "ventanas", y a continuación muestras el ID.

Por ejemplo, algo simplificado que creo que te serviría:

Los DIVs serían:

Código PHP:

  <div id="divright" class="ventanas">...</div>
<div id="divright2" class="ventanas">...</div>  
   

Y la función en javascript:

Código PHP:

  function showDiv(id){
     $(".ventanas").hide(); // Oculta todos los DIV con clase "ventana"
     $("#"+id).fadeIn('show'); // Muestra el que queremos
}  
   

De esta forma da igual que tengas 2 DIVs, 3, o 20, que el funcionamiento será siempre el mismo. Primero los oculta todos (te da igual cuál esté visible y cuál no), y después muestra el que tú le digas (sólo ese).

Saludos

[Marioneku]

Muchas gracias,has conseguido que siga avanzando en el proyecto que tengo de fin de curso.Un abrazo