:animated Selector

Select all elements that are in the progress of an animation at the time the selector is run.


Note: If you use a custom jQuery build without the effects module, the :animated selector will throw an error.

Change the color of any div that is animated.

<button id="run">Run</button>

<div id="mover"></div>
div {
  background: yellow;
  border: 1px solid #aaa;
  width: 80px;
  height: 80px;
  margin: 0 5px;
  float: left;
div.colored {
  background: green;
$("#run").click(function () {

function animateIt() {
  $("#mover").slideToggle("slow", animateIt);


Looking for a Web Developer?


Hi! I'm Basti, author of this site. If you are looking for a web developer with 15+ years of experience, holla at me!

Be it the good 'ol jQuery, vanilla JS or modern frameworks like Vue and Svelte, front- or backend, I can help you.

Just write me at jobs@jqapi.com :)