Подскажите, пожалуйста. У меня есть однотипные ячейки таблицы :
<td class="cattd">
<div class="category">
<table class="catimgtbl"><tr><td>
<a class="catimg" href="ссылка">картинка</a>
</td></tr></table>
<div class="clear"></div>
<div class="catname">
<a href="ссылка">название</a>
</div>
</div>
</td>
При наведении на картинку анимирую ее "opacity" скриптом:
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(".catimg img").css({"opacity" : "0.2"});
$j(".catimg img").hover(function() {
$j(this).stop(true,true).animate({ opacity: "1"}, 1000, 'linear' );
}, function() {
$j(this).stop(true,true).animate({ opacity: "0.2"}, 1000, 'linear' );
});
});
Не могу прописать нужный селектор. Как мне в функции ".hover(function() {..." вызвать анимацию ссылки "название" именно в текущей ячейке таблицы в которой происходит событие ".hover" на картинке ? И как можно сформировать обратную функцию для анимации названия и картинки при ".hover" на "название" ?