Question

I am trying to create a jquery login box and I want to show one form, only if all other animations are complete.

I understand I can do multiple .is(':animated') checks, but I was wondering, is there a way to select all animated objects and the check if I have selected exactly zero elements?

Answer 1

if ($(":animated").length === 0) {
   // do something

}

As per Jasper’s comment, and what it says in the :animated selector doco, you can improve performance by selecting a container element or otherwise narrowing down the field before using :animated. E.g.,

if ($("#container").find(":animated").length === 0) {

// OR

if ($(".someClass").filter(":animated").length === 0) {