Как выделить и родительские и дочерние элементы при использовании bootstrap scrollspy?

Question

[Егор Мальцев]

Написал на jquery небольшой скрипт, формирующий оглавление страницы из h2, h3, h4 заголовков статьи. Установил на сайт jquery scrollspy плагин для отслеживания активного пункта меню (пример - правое меню на getbootstrap.com/javascript/#scrollspy).

Отслеживание работает и скрипт добавляет класс active к выделенному пункту меню, но не добавляет active к его родительскому элементу, соответственно, я не могу скрыть все дочерние пункты меню (h3 пункты) и показывать только активные.

Подскажите, как выделять 2 активных элемента - родительский и дочерний, чтобы сделать меню в примере ниже, как на getbootstrap.com

Вот пример - https://jsfiddle.net/egmalt/97v86sa9/