Встала передо мной следующая задача:
Имеется код слайдера с тремя фиксированными положениями. Данный слайдер обрабатывает скрипт-аккордион с тремя контейнерами. Каждое положение слайдера соответствует только одному контейнеру - это все решено и работает отлично...
Код: Выделить всё
<!-- код слайдера -->
<div class="slider"></div>
<input type="hidden" id="hidden"/>
<script>
$( ".slider" ).slider({
animate: true,
range: "min",
value: 1,
min: 1,
max: 3,
step: 1,
slide: function( event, ui ) {
if(ui.value ==0)
$('#slider-result'); <!-- первый контейнер аккордеона -->
});
else if(ui.value == 1)
$('#slider-result'); <!-- второй контейнер аккордеона -->
});
else if(ui.value == 2)
$('#slider-result'); <!-- третий контейнер аккордеона -->
});
$('div.accordion-header')[ui.value-1].click();
},
change: function(event, ui) {
$('#hidden');
}
});
</script>
<!-- три контейнера аккордеона -->
<div class="accordion-header"></div>
<div class="accordion-content">
<!-- html контейнера -->
</div>
<div class="accordion-header"></div>
<div class="accordion-content">
<!-- html контейнера -->
</div>
<div class="accordion-header"></div>
<div class="accordion-content">
<!-- html контейнера -->
</div>