Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Связать ползунковый слайдер и аккордеон... (https://javascript.ru/forum/dom-window/38417-svyazat-polzunkovyjj-slajjder-i-akkordeon.html)

All_ex74 31.05.2013 12:50

Связать ползунковый слайдер и аккордеон...
 
Здравствуйте, необходима помощь. Не раз обращался сюда за помощью и всегда с положительным результатом.

Сайт yagool.ru Затрудняюсь связать два сторонних плагина jQuery - ползунковый слайдер и аккордеон. Слайдер имеет три позиции, а аккордеон три раскрывающихся по клику поля. Необходимо, передвигая на одну позицию слайдер, открывать соответствующее поле аккордеона, плюс передавать в <div class="alert"></div> текст. Текст должен оставатся до следующего переключения. Ничего готового не нашел, а своих знаний не хватает. ПОЭТОМУ Я ЗДЕСЬ!

По порядку:

1. Изображение сайта с разъяснениями



2. Код

<!-- подключаемая библиотека общая для всех примененных скриптов обжата Google-компрессором -->
<script src="http://yagool.ru/js/main.js"></script>

<!-- div в который нужно передавать текст по событию переключения-->
<div class="alert"></div>

<!--применяемый слайдер -->
<div id="cont-slider">
    <div class="slider"></div>       
  	<input type="hidden" id="hidden"/>
  	  <script>      
	     $( ".slider" ).slider({
		 animate: true,
         range: "min",
         value: 1,
         min: 1,
         max: 3,
		 step: 1,
         change: function(event, ui) { 
         $('#hidden').attr('value', ui.value);
         }			
		 });
      </script>
</div>

<!-- применяемый аккордеон http://www.switchroyale.com/vallenato/ -->
	<div class="accordion-header"><div class="section-badger"></div></div>		
        <div class="accordion-content">
	       <!-- первое поле аккордеона-->
	    </div>
		
    <div class="accordion-header"><div class="section-badger"></div></div> 
        <div class="accordion-content"> 
          <!-- второе поле аккордеона--> 
        </div>
		
	<div class="accordion-header"><div class="section-badger"></div></div> 
        <div class="accordion-content"> 
          <!-- третье поле аккордеона --> 
        </div>


Заранее спасибо! Если требуется подумать, готов оплатить)

dmitriymar 31.05.2013 13:20

Цитата:

Сообщение от All_ex74
Заранее спасибо! Если требуется подумать, готов оплатить)

Вам в любом случае в раздел http://javascript.ru/forum/job/. А "немного подумать" вам скорее всего обойдётся от 50$

У вас есть колбек на события слайдера
Цитата:

change: function(event, ui) {
$('#hidden').attr('value', ui.value);
вот и делайте в нём необходимые действия


Часовой пояс GMT +3, время: 13:20.