Continuous animation on hover (performance)

Question

I\'ve created a jQuery function that scrolls a DIV by decreasing the left-margin of the element. It works, but it\'s incredibly slow. It eats up 100% CPU in no time :s

Answer 1

.animate() is a good way to do it. Example:

$(".scroll").hover(function(){
  $("#content").animate({
    marginLeft: "100px",
  }, 1500 );
});​

Working DEMO

Read the documentation to get the idea how to use it.