[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 483
  • Last Modified:

How to slide a div using Jquery or mootools or similar

I have  a div with id "divbrown" with css:

     top: 0px;
     left: 0px;

I also have an image button. On clicking this image button I would like the divbrown to slide/glide across my page from the coordinates mentioned above to top:0px and left 500px. I would like this slide animation to decelerate/ease out (slow down) as the div approaches the end coordinates.

Can I achieve this using Jquery or Mootools or similar? How? Please help.
Thanks in advance
1 Solution
Maybe something like this would help:


Here's a page describing the animation API for JQuery:

Try Google'ing with the following:
jquery css animations
badwolfffAuthor Commented:
thanks so much
i will try it immediately and get back to you

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now