JQuery Slider animation
<p>I would like to animate that slider, 
<a href="http://jqueryui.com/demos/slider/#option-animate" rel="nofollow">http://jqueryui.com/demos/slider/#option-animate</a> so basically when it moves to from one to the other position movement is smooth,
i implemented that code but it doesn't work for me:</p>

<pre><code>&lt;script&gt;
    $(function() {
        $( "#tabs" ).tabs({
            select: function( event, ui ) {
                $( "#slider" ).slider( "value", ui.index );
            }


        });
        $( "#slider" ).slider({


            min: 0,
            max: $( "#tabs" ).tabs( "length" ) - 1,
            slide: function( event, ui ) {
                $( "#tabs" ).tabs( "select", ui.value );


                },


            animate: true
        });
    });
    &lt;/script&gt;
</code></pre>
