рони, я бы на твоём месте сделал все анимации на transition. Т.е., чтобы просто можно было менять свойства стилей и анимация сама происходила.
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.transition {
-moz-transition: all 2s;
-ms--moz-transition: all 2s;
-o-moz-transition: all 2s;
-webkit-moz-transition: all 2s;
transition: all 2s;
}
</style>
</head>
<body>
<div id="test" style="border: 3px solid #000; left: 10px; height: 30px; position: fixed; top: 10px; width: 100px;"></div>
<script type="text/javascript">
var test = document.getElementById('test');
test.classList.add('transition');
test.clientHeight;
test.style.left = '200px';
test.style.top = '400px';
test.style.width = '200px';
</script>
</body>
</html>