Animating content with jquery Ui slider- still can't find solution

Vote count:

0

I have tried so many things and looked at tons of examples, but it just doesn't work. I know it has to be something rather simple...

I have 3 sliders. the horizontal slider is called

 hSlider

which is the only one I can get to do anything. This one controls part of the highlighted borders. It moves when I click the button but this is not what I want it to do.

then I have two others

vSlider1 and vSlider2

the first slider changes highlighted values. The second one changes the content in the table.

I want the

vSlider2

to animate causing the content to change in the table so I can see the progression. Preferably in a slow enough amount of time. My real project has many more content tables.

Here is the fiddle: Fiddle

This is what I used to animate the one slider which won't work for the other ones.

$('#Animate1').click(function(){

    $('#hSlider').slider({  animate:true,value: COL_COUNT});

return false;      

 }); 

What am I missing?

Thanks very much!

asked 43 secs ago

Crimpy

22