adding class in jquery on hover

Question

On Hover I'm trying to add a class and to change image but my image still stay still on hover. fiddle

  $( "img.animation" ).hover(
  function() {
    $( this )
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png")
      .addClass("animated fadeInDown");
    }, function() {
    $( this )
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png")
      .removeClass("animated fadeInDown").animate("slow");
    }
);

You have image_animation in the class for your images; I assume you meant that the _ to be a space? img.animation != img.image_animation. — Jared Farrish
– Jared Farrish, Commented Aug 16, 2014 at 21:00

user985818 · Accepted Answer · 2014-08-16 21:01:07Z

1

You don't have any img.animation

It looks great this way:

$(document).ready(function(){
//http://api.jquery.com/hover/

    //changing logo
  $( ".grid-item" ).hover(
  function() {
    $( this )
      .find('img')
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png")
      .addClass("animated fadeInDown");
    }, function() {
        //than slide it up
    $( this )
      .find('img')
      .attr('src', "https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png")
      .removeClass("animated fadeInDown")
      .animate("slow");
    }
);

});//docu.ready

answered Aug 16, 2014 at 21:01

user985818

Sign up to request clarification or add additional context in comments.

Comments

imbondbaby · Accepted Answer · 2014-08-16 21:30:40Z

1

Change:

img.animation

To:

image_animation

You don't have any class named img.animation.

JSFiddle Demo

answered Aug 16, 2014 at 21:30

imbondbaby

6,4313 gold badges23 silver badges54 bronze badges

Collectives™ on Stack Overflow

adding class in jquery on hover

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related