Hola comunidad, tengo una duda. Necesito que un texto se muestre despues de presionar 4 botones. Pero solo he conseguido agregar 4 botones q desaparecen y en el div final le agregue el codigo para que aparezca el texto y si funciona, pero yo quiero que detecte que se han presionado los 3 botones anteriores para recien funcionar el ultimo, y como lo tengo actualmente basta con presionar el ultimo boton para que aparezca el texto sin necesidad de haber presionado antes los 3 botones.
Gracias de antemano.
Este es mi codigo actual:
Gracias de antemano.
Este es mi codigo actual:
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<style type="text/css">
.fadeOutbox, .fadeInbox, .fadeTobox{
float:left;
padding:8px;
margin:16px;
border:1px solid red;
width:200px;
height:50px;
background-color:#000000;
color:white;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<h1>jQuery fadeIn(), fadeOut() and fadeTo() example</h1>
<div class="clear">
<h2>fadeOut() example</h2>
<div class="fadeOutbox">
Click me - fadeOut()
</div>
<div class="fadeOutbox">
Click me - fadeOut()
</div>
<div class="fadeOutbox">
Click me - fadeOut()
</div>
<div class="fadeOutbox" onClick="document.getElementById('oculto').style.visibility='visible'">
Click me - fadeOut()
</div>
</div>
<div id="oculto" style="visibility:hidden">
Mensaje oculto
</div>
<script type="text/javascript">
$(".fadeOutbox").click(function () {
$(this).fadeOut('slow');
});
</script>
</body>
</html>