Image hover jquery effect

Question

Hy there. What I\'m trying is this:

$(document).ready(function() {
$(\'.wrapper\').hover(function() {
$(\'.image\', this).animate({width:\"110%\",opacity:\"0         


        

Answer 1

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

You need this code. Check full demo here "http://jsfiddle.net/SaurabhGhewari/oLrpL3wy/3/"

Answer 2

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

$(e.target) represents clicked element so animation doesn't applies to all elements with same class.