Foros del Web » Creando para Internet » HTML »

Codigo para mostrar ocultar contenido

Estas en el tema de Codigo para mostrar ocultar contenido en el foro de HTML en Foros del Web. Hola a todos estoy usando este código que encontré para mostrar y ocultar contenido <div class="divspoiler"> <img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') ...
  #1 (permalink)  
Antiguo 19/06/2013, 05:11
 
Fecha de Ingreso: junio-2013
Mensajes: 12
Antigüedad: 11 años, 5 meses
Puntos: 0
Codigo para mostrar ocultar contenido

Hola a todos estoy usando este código que encontré para mostrar y ocultar contenido

<div class="divspoiler">
<img src="URL de la imagen" onclick="if (this.parentNode.nextSibling.childNodes[0].style.display != '') { this.parentNode.nextSibling.childNodes[0].style.display = ''; } else { this.parentNode.nextSibling.childNodes[0].style.display = 'none';}" />
</div><div><div class="spoiler" style="display: none;">
Aquí el contenido que queremos ocultar
</div></div>

Pero me gustaría que por defecto se mostrara no se si se podrá conseguir cambiando algún parámetro o hay algún código que me resuelva el problema, ya os digo que por defecto me gustaría que el contenido se mostrara y luego poder ocultarlo y mostrarlo cuando lo necesite.
Un saludo y muchas gracias por vuestra atención.
  #2 (permalink)  
Antiguo 19/06/2013, 05:40
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: Codigo para mostrar ocultar contenido

Bienvenido al foro.

La pregunta es, ¿cuándo lo necesitas? ¿Al pasar por encima? ¿Al hacer pulsar?

Depende del caso, igual te conviene más usar CSS que JavaScript para hacerlo.

Usa highlight o code cuando publicas código.
  #3 (permalink)  
Antiguo 19/06/2013, 05:51
 
Fecha de Ingreso: junio-2013
Mensajes: 12
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Codigo para mostrar ocultar contenido

Es el primer mensaje que mando lo tendré en cuenta para la próxima.

La verdad es que estoy muy pegado en HTML CSS y demás es un código que saque de un blog, lo quiero usar al hacer clic sobre una imagen que me aparezca otra, pero la idea sería que al cargar la página me mostrara las dos imágenes y luego ya si pulso desaparezca.

Ahora mismo estoy trabajando en local por eso no puedo poner un enlace, no se si poner un enlace a la página de la que copie el código esta permitido.

Gracias, un saludo.

Etiquetas: contenido
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 17:20.