 I can do the javascript functions fine; the CSS is the hard part for me. Also just wiring things together like you did was super helpful. Whatever fraction of the bounty you think this is good for is fine with me.

PS: To clarify what's on offer with this bounty: An exact replication of the sliders as they appear on leanpub, with non-minified Javascript so I can swap in my own functions for how each slider should move as a function of the other.

 OK the function is easy and can deliver for 5k (you already have a first version anyway) 

I can have a shot at the css for another 5k. 

 I am not good with styling so will leave it as a separate job to someone. 

I can make the other slider also adjustable and moves the first according to the inverse function? 

 But also I need to be able to slide either slider and have the other one move in lock step. And also I'd like to get the styling the same as the leanpub version.

 well it's not flickering, the second slider is the cos of the first. You can change the function to what you want in the JS. 

 Not working for me :( I can slide one slider and the other just flickers.

Do you want the specific styling? if you wanted a hand w/ the js, 

https://codepen.io/ajacoo/pen/ZEZzJNZ?editors=1111

 gotcha, you can do that by just reversing the oninput. that js is as far as I'll go, good luck

 Yeah, I wanted to replicate exactly what the leanpub site has. This is a great start though! I notice the logic must not be quite right -- only one of your sliders seems to move in lock step with the other, not vice versa.

See the pretty paired sliders at the following page?

https://leanpub.com/personal-accounting-in-ledger

I'd like to extract the HTML/CSS/Javascript for that into this CodePen:

And then I'd like to change the logic in various ways, to make either slider be an arbitrary function of the other. So non-minified Javascript is important.

Related questions