Аккордеонный слайдер, не отображающий контент должным образом

Question

У меня есть многоуровневый слайдер аккордеона для распечатки списков. Проблема, с которой я столкнулась, - это когда вы переходите на третий уровень, весь список исчезает и имеет какое-то странное пространство наверху. Если вы перейдете по этой ссылке - Pool League Demo

Вы можете видеть, что я имею в виду, когда вы переходите на вкладку расписания. Когда-нибудь там, если вы нажмете покой 9-го шара> Неделя 1, вы точно увидите, что я имею в виду. Любая помощь очень ценится :)

Кроме того, на боковой ноте я использую scrollIt.js и по какой-то причине возникают проблемы с активным классом. При применении он не выполняет то, что должен, и это происходит несколько раз на всей странице, даже в разделе расписаний, которое не использует scrollit.js. Если кто-то знает, как заставить активный класс работать, я был бы очень признателен за помощь в этом.

Спасибо заранее!

Answer 1

Для вашего второго ответа попробуйте добавить параметр activeClass: 'active' в вызов функции $.scrollIt().

например. :

$.scrollIt({ 
    activeClass:'active' 
}); 

и убедитесь, что имя класса, которое вы упомянули, имеет к нему прикрепленный CSS.

например. :

a.active { 
    background: #000; 
    color: fff; 
}