Multiple jQuery sliders with a master controlled by them and can also control the latter

Question

First of all, sorry for my bad english and jQuery.

So what am I trying to do? This is what I imagine:

Master

------------------------------------ || --------- ------------------------------

Other Miscellaneous2

------- || ----------- || ---------- ----------

Miscellaneous3 Miscellaneous4

------- || ----------- || ---------- ----------

Max max value = 1200

Other maximum value = 100

Other1 maximum value = 400

Other2 maximum value = 200

Other3 maximum value = 500

(all other amounts are 1200)

By moving the leading slider, all the values of the other sliders increase accordingly. Moving every other slider, Master one is increased.

What can you recommend to me?

I've read them, but it was a little of little use:

Hope my point is clear.

Can anyone help me? JSFiddle would be the best answer ...

Update: Added JSFiddle: http://jsfiddle.net/trajektorijus/AS8Xk/56/

Nice day for everyone

Tadas

+3

Trajektorijus 08 Mar 12 at 20:38

1 answer

Dean north · Accepted Answer · 2012-03-09T11:07:27+0000

Is this what you mean?

It updates the master when you change all the other sliders, and when you update the master, it updates all the others.