javascript - 当父部分不活动时如何折叠scrollspy的子元素

Question

我试图模仿Bootstrap 的scrollspy 如何在父元素处于活动状态时扩展以显示子标题，以及当您在其中移动时它如何继续突出显示这些子标题。我最多有两个子标题。

当您滚动列表时，我让 scrollspy 工作并突出显示每个元素。我的问题是当内部元素不活动时我无法隐藏它们。我知道我需要使用 Javascript 或 JQuery，但我不明白如何。

我看过这个和这个，但我认为它们对我没有足够的帮助。

 $(document).ready(function () {
    $('body').scrollspy({target: '#myScrollspy'})
    $('#myScrollspy').on('activate.bs.scrollspy', function() {
        var ele = $(this).find('.active');
        if (ele.find('.children').length>0) {
          $('.children li').removeClass('hide');
        }
        else{
          $('.children li').addClass('hide');
        }
        $('body').scrollspy('refresh')
    });
    $('#myScrollspy ul li').on('click', function() {
      $('.children li').removeClass('hide');
  });
});