|
 88.8 Кб |
|
| Имеется множество подряд идущих подобных кусков HTML (дальше фотоБлок)
<div id="id1" class="foto">
<img src="http://cs11328.vk.com/u27801073/a_d891b802.jpg" alt="" />
<div class="menu">
<a href="" class="lupa">Увеличить</a><br/>
<a href="" class="removeFoto">Удалить</a>
</div>
</div>
|
Есть Jquery код который при наведении на один из таких блоков подсвечивает блок ID=menu (дальше менюБлок) (по началу он скрыт).
$(function(){
$('.foto').hover(function(){
$('.menu').show();
}, function(){
$('.menu').hide();
})
});
|
Но, при наведении на один один из фотоБлоков, менюБлоки появляются у всех фотоБлоков.
Приложил скрины, там это хорошо видно.
Нужен способ типа (FAKE)
$(function(){
$('.foto').hover(function(){
$($(this)' .menu').show();
}, function(){
$($(this)' .menu').hide();
})
});
|
| |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(18.02.2012 в 15:40)
| | Актуально еще. | |
|
|
|
|
|
|
|
для: Гавриленко Дмитрий
(18.02.2012 в 15:40)
| | > подсвечивает блок ID=menu
точнее блок class="menu"
$(function(){
$('.foto').hover(function(){
$(' .menu',$(this)).show();
// or $(this).find(' .menu').show();
}, function(){
$(' .menu',$(this)).hide();
// or $(this).find(' .menu').hide();
})
});
|
| |
|
|
|