jQuery 1.4 Animation Techniques - Index of

[ 63 ]
Chapter 3
The argument we supply to the function passed into the queue() method is called next.
jQuery will treat whatever we pass in as a function and all we have to do is call this function
from within the callback function and that will make sure the next function in the queue
is executed.
The function we pass into the callback function passed to the queue() method doesn't have
to be identified as next, it can be any accepted function name. In this example, we call the
next function after setting the background-color of the to green.
This will cause the extra fadeout() method to be executed last, so when we run this
example in a browser, we should find that the green disappears at the end.
Pop quiz – keeping the queue running
1. What can we use to call the next function in the queue when inserting a callback
function into the queue using the queue() method?
a. A Boolean value of true passed into the callback function as an argument
b. A string containing the word next
c. A function
d. An integer of -1
Replacing the queue
Sometimes adding a single function to the end of the queue may not be enough—we
may wish to replace the queue entirely. This behavior is also managed entirely by the
queue() method.
Time for action – replacing the queue
1. We'll update the queue.html file once again for this example. We'll need another
style rule in the element in the of the page:
#fader span {
display:none; width:100%; height:100%; position:absolute;
left:0;
top:0;
}
2. We should also add position:relative; to the #fader selector.