Jquery change background color

Question

I was trying out jquery with this example:

 $(document).ready(function(){
      $(\"button\").mouseover(function(){
        $(\"p#44.test\").css(\"backgroun         


        

Answer 1

The .css() function doesn't queue behind running animations, it's instantaneous.

To match the behaviour that you're after, you'd need to do the following:

$(document).ready(function() {
  $("button").mouseover(function() {
    var p = $("p#44.test").css("background-color", "yellow");
    p.hide(1500).show(1500);
    p.queue(function() {
      p.css("background-color", "red");
    });
  });
});

The .queue() function waits for running animations to run out and then fires whatever's in the supplied function.