将另一个子项添加到父子动态可折叠列表引导程序中

Question

我使用jquery和bootstrap（click here）找到了动态可折叠列表的示例。我需要创建一个类似的列表，但我需要更深入一级。所以现在每个列表都有一个父母和一个孩子。但我需要在子列表中有另一个父子关系。因此，我可以点击列表一，显示一个列表，而如果我点击这些列表项，它将打开另一个列表。我希望这是有道理的，任何帮助都将非常感激。谢谢！

--- --- JS

/**
 * @inheritdoc
 */
public function configureOptions(OptionsResolver $resolver)
{
    $resolver->setDefaults([
        'data_class' => 'Acme\AppBundle\Entity\Example'
    ]);
}

--- --- HTML

$(document).ready(function(){

$('label.tree-toggler').click(function (){
  $('.abc1').each(function(){
    if($(this).children('ul.tree').hasClass('in')){
         $(this).children('ul.tree').removeClass('in');
       }
  });
  $(this).parent().children('ul.tree').delay(300).queue(function(next) {
    $(this).addClass('in');
    next();
  });
});

});

我尝试将其他列表项添加到其中一个子类列表中，这些子列表与父类相似，但没有成功。我觉得我需要修复javascript并创建一个新类，但我正在努力解决这个问题。