Показать/скрыть дочерний див
Здравствуйте
В ячейке таблицы по два дива, один из которых скрыт при наведении на один див, нужно показать скрытый но есть проблема - эта пара дивов динамически добавляется в ячейки таблицы, с темеже классами и при наведении показывается вся скрытая группа дивов как при наведении на текущий .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, время: 02:21. |