Mostrar ocultar DIV

xampion · #1 (**permalink**) 19/10/2006, 09:00

Hola, he estado buscando por los foros pero no he conseguido encontrar lo que quiero, me gustaría saber si alguien puede decir el codigo para mostrar y ocultar una etiqueta Div, mi idea sería que al clicar en un enlace se muestre el div y al volver a clicar en el mismo enlace se vuelva a ocultar.

Gracias por adelantado

JavierB · #2 (**permalink**) 19/10/2006, 09:36

Hola xampion

Prueba este código:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function mostrar() {
  obj = document.getElementById('pepe');
  obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
  document.getElementById('enla').innerHTML = (obj.style.display=='none') ? 'Ocultar' : 'Mostrar';
}
</script>
</head>
<body>
<a href="#" id="enla" onclick = "mostrar(); return false">Mostrar</a>
<div id="pepe" style="display:none">Texto</div>
</body>
</html>

Mensaje movido al foro de JavaScript desde Css.

Saludos,

xampion · #3 (**permalink**) 19/10/2006, 10:03

Gracias! Perdon, pero es que no sabia donde crear el teme si en css o en javascript :S

charlescuella · #4 (**permalink**) 04/10/2009, 15:27

gracias lo estaba buscando