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

[Allex74]

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

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

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

<!-- код слайдера -->
<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. Кто знает как реализовать? Если не трудно - подскажите код пожалуйста!