Suppose there is a certain element, you need to animate 2 properties, but with different speeds and simultaneously.

.animate() course with the method .animate()

PS Do not write something like this $(this).animate().animate(); because there is a delay like when the callback function in the method

PS It is necessary to change another color, and problems occur with color, it simply does not animate if you set the queue property: false, or it is animated well, it’s very strange (yes, I use the jqueryui library, without it you can’t do animation with color)

  • And using the queue option here will not help? This is if on JS. Maybe in your case and on CSS3 you can make these animations. - Heidel
  • should not do a script there and not css - MaximPro
  • Then try through the queue: false type like here forum.jquery.com/topic/… - Heidel

1 answer 1

Use queue: false to start an out-of-queue animation. Example from http://api.jquery.com/animate/

 $( "#go" ).click(function() { $( "#block" ) .animate({ width: "90%" }, { queue: false, duration: 3000 }) .animate({ fontSize: "24px" }, 1500 ) .animate({ borderRightWidth: "15px" }, 1500 ); });