Показать сообщение отдельно
  #1 (permalink)  
Старый 09.05.2017, 15:49
Аспирант
Отправить личное сообщение для rodiony4 Посмотреть профиль Найти все сообщения от rodiony4
 
Регистрация: 26.10.2015
Сообщений: 97

Показать/скрыть дочерний див
Здравствуйте

В ячейке таблицы по два дива, один из которых скрыт
при наведении на один див, нужно показать скрытый

но есть проблема - эта пара дивов динамически добавляется в ячейки таблицы, с темеже классами
и при наведении показывается вся скрытая группа дивов

как при наведении на текущий .categoryImgWrap, показать дочерний .categoryNameWrap
пожалуйста, помогите
<script type="text/javascript">
$('.categoryImgWrap').live("hover", function(){
	$('.categoryNameWrap').fadeToggle(500);
});
</script>

<style type="text/css">
.categoryImgWrap {
height:50px;
width:200px;
background:#f00; 
}	
.categoryNameWrap {
height:50px;
width:200px;
background:#999; 
display:none;
}
</style>

<table width="700" border="1" cellspacing="0" cellpadding="0">
  <tr><td>
    <div class="categoryImgWrap">навести
      <div class="categoryNameWrap">скрытый</div>
    </div> 
  </td></tr>
  <tr><td>
    <div class="categoryImgWrap">навести
      <div class="categoryNameWrap">скрытый</div>
    </div> 
  </td></tr>
</table>
Ответить с цитированием