 Hello, this is jQuery tutorial number nine But part three on animations and we're going to continue where we left off last time where we have Right now if we click this it moves resizes and dims out the opacity of this element Let's go up here. I'm going to remove the line that changes the opacity so it stays the same opacity all the way throughout just because that's what I want to do and Right now we have where it is animating to a absolute a set position and size So right now we're setting it Whatever size the height is to begin with and we're going to either add or subtract until it gets to a certain height with and position on the screen But let's say we wanted to set it so instead of absolute it sets it relative to what it already is So we're moving 250 pixels here from the left side of the screen real quick. I'm going to change this to 130 for the height So We click it once Let me save this Refresh this we click it once click again. Nothing happens because it's already set to these values But we can set it to Continuously add to those values. So instead of 250 let's change this to just 50 So real quick, we'll save that and run that refresh over here. Click this so move just a little bit Once again, it moves Just a little bit What we're going to do now is we're going to set this Instead of just a set number of 50 We're going to say plus equals meaning each time we click this button. It's not going to move 50 pixels from the left. It's going to move 50 pixels from where it currently is it's going to find the left of our element which may start if it's zero But add 50 to it. So let's save this Refresh over here and we're going to click click me Okay, it moved and resized now note that our height and width Don't have the plus equals sign, which means they're set to what they're already going to be at But if I click this again It moves 50 more pixels click it again It moves 50 more pixels click it again It moves 50 more pixels and click it again. It moves 50 more pixels now We can do the same thing with the height and width if we wanted I can just I'll just do height as an example I'll say Plus equals and I'll just have it grow. I'll say 25 pixels each time it's clicked So we'll save that refresh this when I click Okay, the width grew the first time to a set preset number of 150 pixels the height Increased from whatever it was at to 25 pixels more if we and it moved from where it was at to 50 pixels more to The right it's from the left side of the screen if I say left I mean from the left side of the screen so I'll click this and you can see it continuously will move to the left move from the left and grow But it's only growing in height because the width is already set to a preset number, which it is already at And it will continuously do that till Till I stop clicking or I'm sure there's a maximum at a point where your website's probably going to crash But it probably is a pretty high number so we could probably click this all day. You can see the scroll bar is growing Still going I clicked it a bunch Still okay, it's done now So you can see we made it grow and moved left a whole bunch so This is Just adding on to what we learned last time be sure to watch previous videos be sure to watch the entire playlist on jQuery here and This time just instead of moving to an absolute preset position of a certain pixels or size of certain pixels We are just adding to whatever it already currently is valued at So I hope that makes sense and I hope you enjoy these tutorials Please visit films by Chris comm that's Chris with a K There should be a link in the description as always if you like this topic be sure to like this video give it a thumbs up Also, you know subscribe so you don't miss any videos visit my site or my youtube channel And you can find a lot of twills on other subjects other than jQuery there I've been doing videos for a while. I thank you for watching and I hope that you have a great day