Показать сообщение отдельно
  #1 (permalink)  
Старый 31.05.2013, 12:50
Интересующийся
Отправить личное сообщение для All_ex74 Посмотреть профиль Найти все сообщения от All_ex74
 
Регистрация: 20.01.2013
Сообщений: 16

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

Сайт 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>


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