ansaurus

Question

Answer 1

+4 A:

Surest and easiest way:

$(window).ready(function(){
  $(".c1").hover(
     function(){
       // mouse in
       $(this).children(".thisone").stop().fadeIn(); // you can change fadeIn to show
     },
     function(){
       // mouse out
       $(this).children(".thisone").stop().fadeOut(); // you can change fadeOut to hide
     }
  );
});

thephpdeveloper 2009-10-25 02:47:39

what is the stop() for?

jrhicks 2009-10-25 02:50:25

if you try it out really quickly, you will know that stop() helps with responsiveness - this is because animation in jQuery are queued. You need to stop the current animation to continue the next to increase responsiveness.

thephpdeveloper 2009-10-25 02:52:06

To stop any animation currently occurring. You can have visual artifacts or incorrect functionality without using it.

cletus 2009-10-25 02:52:09

ansaurus

tags:

views:

answers:

binding a mouse over event in jquery

related questions