Eu tenho este código html:
<label>
<img class="jogo" value="lol" src="../cdn/img/jogos/lol.png">
<img class="jogo" value="csgo" src="../cdn/img/jogos/csgo.png">
</label>
<br><div class="atual"> </div>
Eu queria que no div debaixo mostrasse o valor das imagens em cima ( lol /csgo )
$(function(){
$(".jogo").click(function(){
$(".jogo").animate({opacity:0.5},{duration:100});
$(this).animate({opacity:1},{duration:100});
var jogo = $(this).val();
$(".atual").html(jogo);
});
});
Não sei como que faço isso :/
Codigo jsfiddle: http://jsfiddle.net/xj1L52h3/
______________________________________________
Editado
Estou com outra duvida, eu queria fazer com que, quando clicasse em 1 das imagens aparecesse um menu e quando clicasse na outra, desaparecesse o que ja lá estava e aparecesse outro.