Здравствуйте, необходима помощь. Не раз обращался сюда за помощью и всегда с положительным результатом.
Сайт 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>
Заранее спасибо! Если требуется подумать, готов оплатить)
