:animated Selector

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

.animated()

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.

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

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

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

animateIt();
DEMO

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 :)