jquery - 在 jquery 中需要帮助来纠正图像标题褪色

Question

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

嗨，我正在这个网站上工作，我开发了当鼠标悬停时图像标题淡出和 img 缩放，如果鼠标离开图像区域则相反。但是我注意到，当我将鼠标悬停在（与团队会面，在 about-us 部分下）中的任何图像上时，第一张图像也同样具有效果。任何建议都将是非常可观的。

这是代码；

    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 而不是提供您的网站 url ..始终

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

将其更改为不同盒子的不同 ID。

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

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