title: JQuery Slider animation
body: <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>