Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Показать/скрыть дочерний див (https://javascript.ru/forum/dom-window/68796-pokazat-skryt-dochernijj-div.html)

rodiony4 09.05.2017 15:49

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

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

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

как при наведении на текущий .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>

рони 09.05.2017 16:01

rodiony4,
желательно забыть про live и пользоваться версиями jquery по современнее
$(function() {
$('.categoryImgWrap').on("mouseenter mouseleave", function(){
  $('.categoryNameWrap', this).fadeToggle(500);
});
});

rodiony4 09.05.2017 16:29

рони, большое спасибо!


Часовой пояс GMT +3, время: 02:21.