Добрый день, возникла такая проблема:
На странице есть много вот таких кусков кода:
<td class="info">
<span class="info_but"></span>
<div class="info_cont"> Ла-ла-ла</div>
</td>
Задача очень простая, нужно что бы при наведении на .info_butt блок .info_cont становился видимым, и, соответственно, наоборот, при убирании курсора за пределы .info_butt блок .info_cont пропадал.
Пытался сделать через дочерние элементы. Вот такой код получился:
$('td.info').each(function() {
$(this).children(".info_but").mouseover(function(){
$(this).children(".info_cont").fadeIn();
}).mouseout(function(){
$(this).children(".info_cont").hide();
});
});
Наведение срабатывает, пробовал проверять вставляя alert, а вот $(this).children(".info_cont") никак не хочет скрывать и раскрываться. Быть может потому что $(this) уже в другой функии? Тогда как сделать что бы работало.
Заранее спасибо за помощь.