在jquery中需要帮助来纠正图像标题淡入淡出

Question

http://www.umairdesigner.com/emagics/

嗨，我正在这个网站上工作我已经开发了图像标题fadeOut和img zoom鼠标悬停在它上面，如果鼠标离开图像区域则相反。但是我注意到当我悬停在任何图像上（在约会我们的部分下见面团队）时，第一张图像也同样有效。任何建议都会非常明显。

这是代码;

    figure.mouseenter(function() {
    $(this).find('figcaption').fadeOut('fast');
    $(this).find('img').animate({top:'-20', left: '-20', width: '224', height: '270'});
});
figure.mouseleave(function() {
    $(this).find('figcaption').fadeIn('fast');
    $(this).find('img').animate({top:'0', left: '0', width: '193', height: '233'});
});

这是团队部分

Answer 1

始终提供jsfiddle而不是提供您的网站网址.. 始终

<div id="ibox"></div>

将其更改为不同框的不同ID。

你可以给class = ibox或id =“ibox1”ibox2等等.on ..

 <div id="ibox1"></div> or <div class="ibox"></div>