Help with custom animation
Hey all,
I am pretty new to all of this jQuery business but I was hoping someone might be able to help me with an animation I am trying to pull off.
Basically what I need to happen is this: when a div is clicked another div first animates downward a set distance. After that distance is reached it animates to the right another set distance.
I am having problems figuring out how to script this. My example would be something like this:
When div#image is clicked, div#box moves down 50px. Then, once div#box reaches it's first destination of 50px it moves to the right 200px. If div#image is clicked a second time the animation plays in reverse.
From what I researched the 'callback' function would probably be used to tell the second process when the first has been completed. Correct?
Any help in this matter is much appreciated!