Animating changing a CSS value with pure JS
<p>Ok so I'm changing the value of the CSS 'left' property, like so:</p>

<pre><code>s_list.style.left = left - amount + 'px';
</code></pre>

<p>s_list is a variable which is a UL element. This line gets executed on click of a button. But the effect is instant, to fast to see any sort of animation left. Is there anything i can do with pure JS to slow this down or add a configurable delay to the change?</p>

<p>To see my working demo:</p>

<p><a href="http://jsfiddle.net/benhowdle89/RCkPq/" rel="nofollow">http://jsfiddle.net/benhowdle89/RCkPq/</a></p>

<p>And possibly suggest a solution!</p>
