Groups jQuery-UI sliders
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README
demo.html
slider_group.js

README

SliderGroup
by Paul Jungwirth

Groups sliders from jQuery UI so they always add up to a given amount.

SliderGroup assumes that each slider <div> is followed by another <div> for 
storing/displaying the slider's current value.

You should have HTML like below:

    <div class="slider" style="width:250"></div>
    <div class="slider-counter">25</div>
    <p>
    <div class="slider" style="width:250"></div>
    <div class="slider-counter">25</div>
    <p>
    <div class="slider" style="width:250"></div>
    <div class="slider-counter">50</div>

To turn this into a slider group, include jquery and jquery-ui, then execute 
this javascript:

    $(function() {
        SliderGroup(".slider", 0, 100).init();
    });