Аккордеон Jquery с проблемой управления ползунком поднавигации

У меня есть аккордеонное меню jquery, которое отлично работает и сочетается с ползунком карусели. Исходный код, с которым я работаю, имеет элемент h3 в качестве триггера ползунка и просто переходит к новому изображению при выборе пункта меню аккордеона.

В рабочей версии пункт меню аккордеона выглядит следующим образом:

<h3 data-index="0"><a href="#">FACILITIES</a></h3> 
<div> 
    <a href="subnav_page1.html" >
      <p>Sub nav item 1</p>
      </a>
</div>

Проблема, с которой я столкнулся сейчас, заключается в том, что клиент хочет, чтобы поднавигация в каждом из пунктов меню аккордеона управляла ползунком, и я не могу понять, как заставить поднавигацию запускать ползунок.

Я пробовал различные коды, подобные этому:

<h3><a href="">TECHNOLOGY</a></h3> 
<div>
     <h666 data-index="1"><a href="#">Rockets For Power Generation</a></h666>
     <h666 data-index="2"><a href="#">Platelets</a></h666>
     <h666 data-index="3"><a href="#">Gas Generator</a></h666>
     <h666 data-index="4"><a href="#">Turbines</a></h666>
</div>

Я создал новый класс для форматирования элементов меню дополнительной навигации, но ничего из того, что я пробовал, не позволяет вспомогательной навигации запускать ползунок.

Вот страница, над которой я работаю:

Ползунок-аккордеон

Вы увидите, что нижние кнопки аккордеона запускают ползунок, но вспомогательная навигация в первом меню аккордеона ничего не делает.

Любые идеи?

Заранее спасибо!!

Райан