Entrar

¿cómo se hace para ocultar una div o para hacerla aparecer con una CSS?

gussiglo21 · · Solicitar retirada
He intentado con todo lo que encontré y no lo consigo.
Traté con ejemplos de JavaScript, traté traté y traté pero no doy más.

¿cómo se hace para ocultar una div o para hacerla aparecer con una CSS? [:(]

No parece pero lo es, un grito de socorrooooooooooooooooooooooooooo :)
Saludos!
GusSiglo21
olukarak · · Solicitar retirada
El truco está en el CSS, concretamente en la propiedad display. Un div con display: none; es invisible, mientras que por defecto sería display: block;

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			#content {
				background: #CCC;
				border: 1px solid #000;
				display: none;
				padding: 15px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<div id="content">
			Si te ha salido esto, es que funciona.
		</div>
		<input type="button" onClick="javascript: visibilidadDiv('content');" value="Mostrar / Ocultar">
	</body>
</html>
<script language="javascript">
	function visibilidadDiv(id) {
		div = document.getElementById(id);
		if (div.style.display == "block") {
			div.style.display = "none";
		} else {
			div.style.display = "block";
		}
	}
</script>
gussiglo21 · · Solicitar retirada
Olularak muchas gracias, funciona muy bien.
Ahora que veo esta solución se ve simple, pero como no conozco aún de Javascript y esas cosas todo se me hace difícil.
Nuevamente gracias por contar con ustedes y su ayuda.
Saludos!!!
GusSiglo21
Adaraja · · Solicitar retirada
Sobre este mismo ejemplo ¿como se puede conseguir un efecto persiana al aparecer el div?, leo que es muy facil pero no lo consigo.
Gracias y Saludos
Adaraja