ocultar y mostrar un div

sebacomas · #1 (**permalink**) 25/10/2011, 09:29

Hola, quiero hacer un div que se muestre y oculte al hacer click sobre un botón, con el código que hice me funciona en Chrome pero no en IE el código que hice es el siguiente:

<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>

<body>

<a class='ampliar' href='#' onclick='ocultarmostrar()'/>AMPLIAR INFORMACION</a>
<div id='div' class='ocultable'>sdfdsfdfdsdf</div>

</body>

Saludos!

Franz1628 · #2 (**permalink**) 25/10/2011, 10:12

prueba algo así

Código Javascript:

Ver original<script>
function ocultarmostrar(){
ver = document.getElementById("div").style.display;
 
if (ver=='none'){
 
document.getElementById("div").style.display="block";
 
}else{
document.getElementById("div").style.display="none ";
 
}
}
 
 
 
</script>
 
 
<body>

sebacomas · #3 (**permalink**) 25/10/2011, 10:18

no me funciona tampoco.
Saludos!

isisra · #4 (**permalink**) 25/10/2011, 11:00

INtentalo con jquery es mas facil

Código HTML:

<script>
$().ready(function(){				
$("#nombreBoton").click(function () {
	if ($("#divParaOcultar").is(":hidden")) {
		$("#divParaOcultar").slideDown("slow");
	} else {
		$("#divParaOcultar").hide();
	}
});
</script>

claro antes debes agregar la libreria de jquery

y en el codigo html tendras esto

Código HTML:

<button type="button" id="nombreBoton" title="OCULTAR">ver/ocultar</button>

prueba y me dices va

Franz1628 · #5 (**permalink**) 25/10/2011, 11:25

Código Javascript:

Ver original<script>
function ocultarmostrar(){
ver = document.getElementById("div").style.display;
 
if (ver=='none'){
 
document.getElementById("div").style.display="block";
 
}else{
document.getElementById("div").style.display="none";
 
}
}
 
 
 
</script>
 
 
<body>

habia un espacio en ' none'