[няу]

Подскажите, пожалуйста, как задать третьему слайдеру зависимость от второго. Надо сделать так, чтобы бегунок на третьем слайдере останавливался при достижении значения, установленного на втором слайдере.

jQuery(function() {
    var 
        resultXv = jQuery("#itogXv span"),
        itogXv = 0,
        zv=50,
        zn=50,
        xn=50;


        function recount() {
        itogXv = (zv*zn)/xn;
        resultXv.html(itogXv);
    };

    $(document).on("change keyup", "#amountZv", function() {
        zv = +$(this).val();
        $("#sliderZv").slider("value", zv);
        recount();
    });

    $(document).on("change keyup", "#amountZn", function() {
        zn = +$(this).val();
        $("#sliderZn").slider("value", zn);
        recount();
    });


    $(document).on("change keyup", "#amountXn", function() {
        xn = +$(this).val();
        $("#sliderXn").slider("value", xn);
        recount();
    });

    });

$(function() {
    $("#sliderZv").slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        slide: function(event, ui) {
            $('#amountZv').val(ui.value).trigger("change");
        }
    });
    $("#amountZv").val($("#sliderZv").slider("value"));
});

$(function() {
    $("#sliderZn").slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
        slide: function(event, ui) {
            $('#amountZn').val(ui.value).trigger("change");
        }
    });
    $("#amountZn").val($("#sliderZn").slider("value"));
});



$(function() {
    $("#sliderXn").slider({
        range: "min",
        value: 50,
        min: 0,
        max: 100,
    
        slide: function(event, ui) {
            $('#amountXn').val(ui.value).trigger("change");
        }
    });
    $("#amountXn").val($("#sliderXn").slider("value"));
});