Pessoal tenho a seguinte estrutura:
<h2>
<a class="imgHover" title="titulo" href="#">
<span id="box" class="imgHover">
<img src="imagens/estrutura.jpg" width="400" height="260"
alt="titulo" />
<span class="titulo">Titulo da imagem</span>
</span>
</a>
</h2>
Eu uso o seguinte Jquery no Hover para alterar a opacidade.
$(document).ready(function ($) {
var navDuration = 150;
$('.imgHover').hover(function () {
//$(this).children("span").stop().animate({ opacity: 1 }, navDuration);
$(this).children("img").stop().animate({ opacity: 0.6 }, navDuration);
}, function () {
//$(this).children("span").stop().animate({ opacity: 0.5 }, navDuration*2);
$(this).children("img").stop().animate({ opacity: 1 }, navDuration * 2);
});
});
Assim funciona legal, so que eu preciso também alterar a opacidade do SPAN. Ai quando eu descomento as linhas que tem o SPAN no script o mesmo não funciona mais perfeitamente. O que esta de errado? Obrigado