Как добавить подраздел на каждый элемент нажмите динамически в HTML treeview

---

Привет,
У меня есть treeview, который должен иметь элементы и подпункты.
Это должно быть моим шаблоном, как,
|111
|||222
|444
|||333
|555
|||666
.
.
.
.прием
Таким образом, основываясь на моем приведенном выше примере, когда я нажимаю на "111", он должен генерировать " 222 " под " 111 "в качестве подпункта только один раз, что применимо для" 444 " и "555". Мое требование таково: "111" - это папка, а " 222 " - подпапка. Поэтому, когда я нажимаю на папку, она должна генерировать подпапки внутри этой папки. Пожалуйста, помогите, как это сделать

Что я уже пробовал:

HTML

<li id='click'>".$folderList[$ind]."</li>

Язык JavaScript

<script>
var handleAdd = function (event) {
    var $this = $(this);
    if ($this.children('ul').length > 0) {
        $('<li></li>').appendTo($this.children('ul'));
    } else {
        $('<ul><li></li></ul>').appendTo($this);
    }
    event.stopPropagation();
};
$(document).on('click', 'li', handleAdd);
</script>

---