当父节不活动时，如何折叠scrollspy的子元素

Question

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

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

我看过this和this，但我认为他们对我没有足够的帮助。

 $(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');
  });
});