Question

Hello stackoverflow

Im running through some tutorials to jQuery, cause i wanna start a 2d chat.

I have a code that should make some images at 50% opacity, and 100% when a mouser hover the images, but it wont work? The images is 50%, but wont change to 100%.

My code:

$(function(){

    $('#container img').animate({
        "opacity" : .50
    });

    $('#container img').hover(function() {
        $(this).animate({  "opactiy": 1  });
        console.log("Den er nu 100% klar");
    });

});

Answer 1

Just change opactiy to opacity in your second .animate():

$(function(){

    $('#container img').animate({
        "opacity" : .50
    });

    $('#container img').hover(function() {
        $(this).animate({  "opacity": 1  }); // <-- Right here
        console.log("Den er nu 100% klar");
    });

});​

jsFiddle