$.extend($.ui.slider.prototype.options, {
    animate: 300
});

$("#flat-slider")
    .slider({
        max: 25,
        min: 0,
        range: true,
        values: [0, 24],
        orientation: "vertical"
    });

$("#flat-slider-vertical-1, #flat-slider-vertical-2, #flat-slider-vertical-3")
    .slider("pips", {
        first: "pip",
        last: "pip"
    })
    .slider("float");