Search code examples
javascriptjqueryjquery-slider

Jquery Interconnected slider

I want to create generic jquery ui slider so that if i pass any number,it should return me that number of interconnected sliders.

If I slide any 1 slider,it should change others.However, the sum of all the sliders must always be 100 at any point of time.

I tried it myself which is working but as soon as the value of slider goes more than 50 and you try to increase the other slider then the total sum of all the sliders becomes greater than 100.

Here is the link of my code.

Can anyone help me please? thanks'

Solution

  • ahah you've taken my ugly css for your jsfiddle. I try to do exactly the same thing, look at this: 3 jquery ui slider connected