Ocultar Div

dezagus · #1 (**permalink**) 25/07/2011, 08:29

Mis conocimientos de Javascript son muy muy básicos. Por eso queria ver si me pueden dar una mano para hacer que este script, al volver a precionar el mismo botón, lo oculte al div.

Código HTML:

<!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=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script>
 
function mostrardiv(nombre) {
div = document.getElementById(nombre);
div.style.display = '';
}

</script>
</head>

<body>
<a href="javascript:mostrardiv('flotante');">Mostrar</a>
<div id="flotante" style="display:none;" class="CajaF"> 
hjghjghj
</div>
</body>
</html>

Calculo que debe ser una tonteria, tendria que aplicar nuevamente "display:none", pero ni idea como hacer para que detecte si está puesto o no... xD

Mil Gracias :)

dezagus · #2 (**permalink**) 25/07/2011, 08:33

Solucionado!

Busqué un poco en google como se usan los if, probé un poco, toqué por acá, por allá y listo

Código HTML:

<script>
 
function mostrardiv(nombre) {
div = document.getElementById(nombre);

if (div.style.display == "none"){
	div.style.display = '';
}else{
	div.style.display = 'none';
}

}

</script>

goteen_mx · #3 (**permalink**) 25/07/2011, 12:20

Puedes revisar tambien el visible o hidden, en vez de block y none depende para lo que lo necesites, la diferencia es que el hidden ocupa el espacio en la página aunque no se vea, y el none no.

Saludos.