1 00:00:00,480 --> 00:00:05,760 By default Jake Query runs multiple enemy calls one after the other. 2 00:00:05,910 --> 00:00:11,020 For this reason we can easily create and perform a sequence of animations. 3 00:00:11,250 --> 00:00:17,190 In this example an element is resized four times using for animate calls 4 00:00:25,470 --> 00:00:30,030 each animate call resize IS THE ELEMENT TO A DIFFERENT WITH or height. 5 00:00:30,180 --> 00:00:34,340 It also changes the opacity to a specified amount. 6 00:00:34,370 --> 00:00:36,700 Let's take a look at the script to see how it works. 7 00:00:41,340 --> 00:00:50,820 We can see below our button click event that we've declared a variable called Square the Variable value 8 00:00:50,820 --> 00:00:53,610 contains the div with I.D. Square 9 00:00:57,760 --> 00:00:58,250 next. 10 00:00:58,270 --> 00:01:02,260 We've assigned an enemy call to the square Div 4 times 11 00:01:05,720 --> 00:01:09,980 each enemy call will run one after the other. 12 00:01:10,520 --> 00:01:20,430 Every time the enemy call runs the divs height or with property is changed in the first instance the 13 00:01:20,430 --> 00:01:27,200 height changes to 500 pixels opacity to zero point five. 14 00:01:27,600 --> 00:01:32,520 The numerical value in red is the speed at which this animation plays out. 15 00:01:35,210 --> 00:01:41,290 And moving down the list we can see that the width opacity and speed properties continue to change 16 00:01:48,090 --> 00:01:55,520 so again this is known as queue functionality and it allows us to play a sequence of animations one 17 00:01:55,520 --> 00:01:56,240 after the other.