Click para hacer visible, click para volver a ocultar..

zhengya · #1 (**permalink**) 14/11/2012, 15:29

Hola a todos. Tengo una imagen con un texto predeterminado. Pretendo que al hacer click sobre ella, me haga visible un div, justo debajo de esta foto. Debe iniciar oculto, y según cliqueemos en la foto, se vea o no.....No se si me expliqué bien......

Gracias de antemano! xD

skiper0125 · #2 (**permalink**) 14/11/2012, 15:32

Hola que tal.

Lo que deseas hacer lo puedes hacer con Jquery fadeOut() y con fadeIn()

Saludos

IsaBelM · #3 (**permalink**) 14/11/2012, 15:40

esto te dará la idea de lo que has de hacer

Cita:

<!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 content="text/html; http-equiv="Content-Type" charset=utf-8"/>
<title></title>
<script type="text/javascript">
function fnc() {
alert('el tipo es ' +typeof(boleano))
if (typeof(boleano) == "undefined" || boleano == 0) {
boleano = 1;
}else{
boleano = 0;
}
}

function fnc2() {
alert(boleano);
}

function escucha() {
if(document.getElementById('evento').addEventListe ner) {
document.getElementById('evento').addEventListener ('click', fnc, false);
document.getElementById('estado').addEventListener ('click', fnc2, false);
} else {
document.getElementById('evento').attachEvent('onc lick', fnc);
document.getElementById('estado').attachEvent('onc lick', fnc2);
}
}

window.onload = function() {escucha()};
</script>
</head>
<body>
<h3>al pulsar el botón evento y luego el otro devuelve 1. al hacer el mismo proceso otra vez devolverá 0</h3>
<form>
<input type="button" id="evento" value="evento" />
<input type="button" id="estado" value="está activo el botón evento?" />
</form>
</body>
</html>

zhengya · #4 (**permalink**) 14/11/2012, 15:43

Gracias, mañana intentaré llevarlos a la practica!