VPF::ри фиксированных положения слайдера связать с id к

Allex74

Дата 1.9.2013, 15:28 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 1.9.2013

Репутация: нет
Всего: нет

Доброго времени суток, друзья!

Встала передо мной следующая задача:

Имеется код слайдера с тремя фиксированными положениями. Данный слайдер обрабатывает скрипт-аккордион с тремя контейнерами. Каждое положение слайдера соответствует только одному контейнеру - это все решено и работает отлично...

Код


<!-- код слайдера -->
<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>

Необходимо ещё привязать дополнительно три уникальных id кнопок: #standard, #standard2 и #standard3 к соответствующим положениям ползунка слайдера, по порядку. Сам код кнопок использоваться не будет, даже с display: none. Каждая из кнопок запускает свой скрипт по id: #standard, #standard2 и #standard3. Кто знает как реализовать? Если не трудно - подскажите код пожалуйста!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »