Comments on: Understanding jQuery animate() function

By: Alt

Alt — Tue, 07 Feb 2012 16:11:38 +0000

How does the reset button (next to the animate buttons) work?

By: CS95

CS95 — Mon, 30 Jan 2012 06:42:24 +0000

Very usefull tutorial.

By: Viral Patel

Viral Patel — Fri, 23 Dec 2011 08:27:36 +0000

@Confusecious – To achieve such functionality you can define a flag and use it to animate/move element only once. For example:

var leftflag = false;
$("#left").click(function() {
   if(!leftflag) {
   leftflag = true;
       $("#content").animate(
               {"left": "-=50px"},
               "slow");
   }
});

Hope this works

By: confusecious

confusecious — Fri, 23 Dec 2011 07:50:21 +0000

Thanks for the examples!!

For ‘moving elements’, (demo 4):

If I click on ‘left’…it moves 50px, click again and moves 50px. But I only need to move it once, the second click i want it to be still.

How would I do that?

thanks

By: mahesh

mahesh — Fri, 25 Nov 2011 11:22:07 +0000

ok brother great work it is working nice ,thnaking you ,god is bless you soooooooooomuch you, nice days brother

By: mahesh

mahesh — Fri, 25 Nov 2011 11:16:58 +0000

nice one, but I have something problem in dremweaver or in browser please solve the problem which browser support this jquiry
i write the code like this in dremweavercs5.5

Untitled Document

#content {
    background-color:#ffaa00;
    width:300px;
    height:30px;
    padding:3px;
}

$("#animate").click(function() {
    $("#content").animate(
            {"height": "80px"},
            "fast");
});

Animate Height

but it is not work

By: IP

IP — Tue, 27 Sep 2011 13:15:27 +0000

Awesome tutorial. Thanks lots. God bless you!

By: oyun

oyun — Thu, 15 Sep 2011 16:21:30 +0000

I lıve jQuery.I love jQuery animation.=)

By: dYcA

dYcA — Mon, 11 Apr 2011 07:46:19 +0000

prikitiuw… great tutorial.
thx plen

By: Neeraj Dhiman

Neeraj Dhiman — Thu, 17 Feb 2011 06:58:58 +0000

This is really great. Thanks for the compilation!