---

Search posts under jQuery:

---

.queue() - Get length of animation queue in jQuery

How to get the number of animation to be executed on a particular element in jQuery?

To get the number of items to be executed on a particular element, queue() method can be used.

<input type="button" id="btnQueue" value="Queue" />

<div id="divQueue" style="height: 50px; width: 50px; background: brown; 
left: 0px; position: absolute; display: none;">
    </div>

<script>
$("#btnQueue").click(function () {
    QueueIt();

    var n = $("#divQueue").queue("fx");
    alert(n.length);
});

function QueueIt() {
    $("#divQueue").show("slow"); // 1st animation
    $("#divQueue").slideUp("slow"); // 2nd animation
    $("#divQueue").slideDown("slow"); // 3rd animation
    $("#divQueue").hide("fast", QueueIt); // 4th animation
}
</script>

In the above code, on the click event of the “btnQueue”, a “QueueIt()” function will be called that has four animation to be performed so the alert statement will alert 4 ie. the number of animation to be performed on "divQueue" element.

Note that in the last statement of QueueIt() function, we have specified the “QueueIt” function name in the 2^nd parameter of the “hide()” function so a “QueueIt” function will keep executing.