condicional al pulsar dos veces misma imagen
Publicado por informatic (10 intervenciones) el 16/10/2016 05:25:52
Buenas, de acuerdo al mismo ejercicio, quisiera saber como puedo comparar una imagen que fue ya seleccionada.
Quisiera realizar una condicional if, que al presionar por primera vez una imagen esta muestre el div #titulo y si al clikear nuevamente la misma imagen el div #titulo desaparesca.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<script>
$(document).ready(function(){
$("#titulo").css("display","none");
$(".pulsa").click(function () {
if($("#titulo").css("display") == "block")
{$("#titulo").slideUp("slow");
$("#titulo").css("display","none");
$("#contenido").css("display","block");
var srcs = $(this).attr("src");
document.getElementById("nuevo").src = srcs;
$('#nuevo').css("display","none");
$("#titulo").slideDown("slow");
e.preventDefault();
}else{
$("#titulo").slideDown("slow");
$("#titulo").css("display","block");
$("#contenido").css("display","block");
var srcs = $(this).attr("src");
document.getElementById("nuevo").src = srcs;
e.preventDefault();
}$('#nuevo').css("display","block");
});
});
</script>
<body>
<div id="titulo">
<img id="nueva">
</div>
<div id="contenido">
<a href="#"><img class="pulsa" src="img/leon.jpg" width="250" height="150"></a>
<a href="#"><img class="pulsa" src="img/gato.jpg" width="250" height="150"></a>
<a href="#"><img class="pulsa" src="img/lobo.jpg" width="250" height="150"></a>
<a href="#"><img class="pulsa" src="img/oso.jpg" width="250" height="150"></a>
</div>
</body>
Quisiera realizar una condicional if, que al presionar por primera vez una imagen esta muestre el div #titulo y si al clikear nuevamente la misma imagen el div #titulo desaparesca.
Valora esta pregunta
0