Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.05.2013, 11: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>


Заранее спасибо! Если требуется подумать, готов оплатить)
Ответить с цитированием
  #2 (permalink)  
Старый 31.05.2013, 12:20
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,589

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

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

Последний раз редактировалось dmitriymar, 31.05.2013 в 12:25.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Слайдер во время загрузки страницы v.v.dankiv jQuery 0 14.04.2013 10:16
Слайдер с помощью CSS и jQuery - 1000 р. stixia007 jQuery 21 27.03.2013 20:44
Слайдер с перемоткой в двух разных блоках Джэй jQuery 0 15.10.2012 22:08
Слайдер Аккордеон jQuery Heidel jQuery 4 29.08.2012 14:30
Нужно отредактировать слайдер glavkot Работа 0 22.08.2011 13:14