In this tutorial, we will discuss about how to animate 'Div' blocks with different effects simultaneously using jQuery. In this Example, we have two Div Blocks. When we click on 1st block button, It expands the div out to 90% width while the font-size is increasing. Once the font-size change is complete, the border animation will begin. The second button starts a traditional chained animation, where each animation will start once the previous animation on the element has completed.
After clicking 1st button :
After Clicking Second button :
Posted on: August 2, 2010 If you enjoyed this post then why not add us on Google+? Add us to your Circles