ocultar y mostrar un div

sebacomas · #1 (**permalink**) 24/10/2011, 11:56

Hola, tengo que ocultar y mostrar un div, el código que hice es el siguiente:

<script type="text/javascript">

function MostrarOcultar()
{

document.getElementById("descripcion").style.displ ay='block';
}
</script>

<body>

<a class="ampliar" href="javascript:MostrarOcultar();">AMPLIAR INFORMACION</a>
<div id="descripcion" class="ocultable">texto</div>

</body>

Me lo muestra pero no lo oculta, si alguien me da una mano con esto!.
Saludos!

maycolalvarez · #2 (**permalink**) 24/10/2011, 12:16

¿y como te lo va a ocultar si sólo estableces que su display sea block, más no none?, al menos la lógica ha de indicarte que necesitas una condición para hacerlo ¿no?

Melecio · #3 (**permalink**) 24/10/2011, 12:26

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function ocultarmostrar(){
ver = document.getElementById("div").style.display;

if (ver=='none'){

document.getElementById("div").style.display="";

}else{
document.getElementById("div").style.display="none ";

}

}

</script>
<title>Documento sin título</title>
</head>

<body>
<div id="div" >Colocar aquí el contenido para id "div"</div>
<p>
<label>
<input type="submit" name="button" id="button" value="Enviar" onclick="ocultarmostrar()"/>
</label>
</p>
</body>
</html>

sebacomas · #4 (**permalink**) 24/10/2011, 14:44

Sí Maycolalvarez, por eso mi pregunta ya en css le puse none.
Gracias Melecio lo voy a probar despues te cuento.
Saludos!

sebacomas · #5 (**permalink**) 24/10/2011, 15:03

No me funciona en IE si en Chrome

sebacomas · #6 (**permalink**) 24/10/2011, 15:12

El javascript lo deje igual lo otro lo hice así:
<a class='ampliar' href='#' onclick='ocultarmostrar()'/>AMPLIAR INFORMACION</a>
<div id='div' class='ocultable'>sdfdsfdfdsdf</div>

Melecio · #7 (**permalink**) 24/10/2011, 15:14

si esta bien espero y te aya servido de mucho

sebacomas · #8 (**permalink**) 24/10/2011, 15:25

Perdón no se si me explique todavía no me funciona en IE
Saludos!