How to display tree view using AJAX php - php

Question

I am trying display data from database based on parent in tree view using AJAX PHP.
I have followed below example .
https://www.w3schools.com/howto/howto_js_treeview.asp
It is working .but after expanding it is not closing .
Here is my script
$(document).ready(function() {
//$(".parent").click(function(){
$(document).on("click", ".box" , function() {
var comp = $(this).text();
const myArray = comp.split("(");
var compnumber=myArray[0];
var model=decodeURIComponent(compnumber);
//alert(part);
if(compnumber){
$.ajax({
url:"ajax_getBomLineDetailsInfo.php",
type : "POST",
data: {
// func:'getdowntimeline',
compnumber: compnumber
},
dataType : "json",
success:function(response)
{
//alert('success');
if(response){
var len = response.length;
// $(".sub").empty();
$('.' + model).empty();
// $(".sub").prepend("");
for( var i = 0; i'"+PartNumber+"'");
var part=decodeURIComponent(PartNumber);
// var test='123';
$('.' + model).append(""+PartNumber+"");
}
//$(".sub").append("");
//$(".GSX130181").show();
//$('.' + model).addClass('active');
//$(this).toggleClass('box check-box');
//$(this).toggle();
// childclick();
//$(".child").show();
}
},
error: function(jqXHR, textStatus, errorThrown){
alert('error');
}
});
}
else{
}
});
});
I am getting box class text values on click and getting child values for that text using ajax and appending as li .I need to execute the javascript code in the https://www.w3schools.com/howto/howto_js_treeview.asp in above script .but it is not working .
How to fix the issue ?