Javascript 图像悬停jquery效果

好的。 我想说的是：

$(document).ready(function() {
$('.wrapper').hover(function() {
$('.image', this).animate({width:"110%",opacity:"0.5"}{duration:100,queue:false});
$('h4',this).animate({ margin-left: "10px"} {duration:300,queue:false});
$('p',this).animate({ margin-left: "40px", display: "block"} {duration:200,queue:false});
}); 
});

但问题是它不起作用，当它起作用时，有时它会将动画应用于同一类的所有div，并且在鼠标离开后不会返回正常状态。我不太擅长jquery，但我想在jquery中实现类似css的效果。它不能完全像这一个，只是类似我将尝试调整位置和颜色后：

有什么想法吗

$('.wrapper').hover(function(e) {
    $(e.target).animate({width:"110%",opacity:"0.5"}{duration:100,queue:false});
});

$（e.target）表示单击的元素，因此动画不会应用于具有相同类的所有元素

$('.image').hover(
            function() {
                $(".rollOver", this).fadeIn();
            },
            function() {
                $(".rollOver", this).fadeOut();
            }
        );

---

你需要这个代码。选中此处的完整演示“”

你说的“它不工作”是什么意思？错误的行为是什么？正确的行为应该是什么？另外，请提供你的HTML。悬停不会触发动画。它应该使图像更宽一点，为p和h4在左侧添加一些边距，并在鼠标上返回正常状态，不影响相同的类别和宽度。

$('.image').hover(
            function() {
                $(".rollOver", this).fadeIn();
            },
            function() {
                $(".rollOver", this).fadeOut();
            }
        );