[Monster123]

Есть два ползунка(от и до). Нужно, что бы когда ползунок(до) отводили до конца ,то считался только ползунок(от). Надеюсь поняли о чем я. На Авито такой.

Подскажите как реализовать.

Вот код.

<script>
	$(function() {
		$('#price').change(function () {
		var val = $(this).val();
		$('#slider_price').slider("values",0,val);
		});	
		
		$('#price2').change( function() {
			var val2 = $(this).val();
			$('#slider_price').slider("values",1,val2);
		});
	
		$( "#slider_price" ).slider({
			range: true,
			//orientation: "vertical",
			min: 0,
			step:100,
			max: 700,
			values: [ 100, 400 ],
			slide: function( event, ui ) {
				//$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
				$('#price').val(ui.values[0]);
				$('#price2').val(ui.values[1]);
			}
		});
		//$( "#amount" ).val( "$" + $( "#slider-range" ).slider( "values", 0 ) +
			//" - $" + $( "#slider-range" ).slider( "values", 1 ) );
			$('#price').val($('#slider_price').slider("values",0));
			$('#price2').val($('#slider_price').slider("values",1));
	});
	</script>

<div id="options">
			<h3>Цена</h3>
			<form>
				<label for="price">От:
					<input type="text" name="price" id="price">
				</label>
				
				<label for="price2">До:
					<input type="text" name="price2" id="price2">
				</label>	
			</form>
			<div id="slider_price"></div>
		</div>