Показать/скрыть дочерний див
Здравствуйте
В ячейке таблицы по два дива, один из которых скрыт при наведении на один див, нужно показать скрытый но есть проблема - эта пара дивов динамически добавляется в ячейки таблицы, с темеже классами и при наведении показывается вся скрытая группа дивов как при наведении на текущий .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>
|
rodiony4,
желательно забыть про live и пользоваться версиями jquery по современнее
$(function() {
$('.categoryImgWrap').on("mouseenter mouseleave", function(){
$('.categoryNameWrap', this).fadeToggle(500);
});
});
|
рони, большое спасибо!
|
| Часовой пояс GMT +3, время: 17:51. |