$( ".slider" ).slider({
animate: true,
range: "min",
value: 1000,
min: 100,
max: 10000,
step: 10,
//Получаем значение и выводим его на странице
slide: function( event, ui ) {
$( "#slider-result" ).html( ui.value );
$( "#slider-result" ).val($("#tema").val(ui.value));
},
//Обновляем скрытое поле формы, так что можно передать данные с помощью формы
change: function(event, ui) {
$('#hidden').attr('value', ui.value);
}
});
как например div#interval1 сделать видимым при условии что ползунок в значение от 1000 до 5000
а div#interval2 сделать видимым при значении от 5000 до 10000
а div##interval3 сделать видимым только при значение от 0 до 1000.
то есть пока ползунок ползает должен быть открыт только тот или иной div