Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema con div ocultar/mostrar

Estas en el tema de Problema con div ocultar/mostrar en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/04/2013, 08:52
 
Fecha de Ingreso: abril-2013
Mensajes: 2
Antigüedad: 7 años, 6 meses
Puntos: 0
Problema con div ocultar/mostrar

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?
  #2 (permalink)  
Antiguo 02/04/2013, 09:22
Avatar de Kamae  
Fecha de Ingreso: abril-2008
Ubicación: Barcelona (Catalunya)
Mensajes: 307
Antigüedad: 12 años, 5 meses
Puntos: 13
Respuesta: Problema con div ocultar/mostrar

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
  #3 (permalink)  
Antiguo 03/04/2013, 01:19
 
Fecha de Ingreso: abril-2013
Mensajes: 2
Antigüedad: 7 años, 6 meses
Puntos: 0
Respuesta: Problema con div ocultar/mostrar

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

Etiquetas: funcion, html, javascript
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:30.