function createMenu(obj){$.each(obj,function(index,elements){if(obj[index].title){$('#offcanvasExample')[0].innerHTML+='<div class="card-header cHeaderZ  Symbol bi bi-chevron-double-right" data-bs-toggle="collapse" href="#'+obj[index].cardId+'">'+obj[index].titleGroup+'</div ><div id='+obj[index].cardId+' class="collapse"><ul></ul > </div > ';$.each(obj[index].title,function(i,e){$('#'+obj[index].cardId+' ul')[0].innerHTML+='<li data-id='+obj[index].title[i].dataId+'>'+obj[index].title[i].title+'</li>'})}else{$('#offcanvasExample')[0].innerHTML+='<div class="card-header cHeaderZ bi bi-bookmark" data-id='+obj[index].dataId+' data-bs-toggle="collapse" >'+obj[index].titleOne+'</div ><div  class="collapse"></div > '}});$('.collapse').eq(0).addClass('show');$('.collapse li').eq(0).css('background-color',' #009688');if(obj[0].title){$('.nav-tabs').html('<li class="nav-item" data-id='+obj[0].title[0].dataId+'><a class="nav-link active" href="#">'+obj[0].title[0].title+'<i class="bi bi-x"></i></a></li>')}else{$('.nav-tabs').html('<li class="nav-item" data-id='+obj[0].dataId+'><a class="nav-link active" href="#">'+obj[0].titleOne+'<i class="bi bi-x"></i></a></li>')}}window.onload=function(){$('.Symbol').click(function(){$(this).toggleClass('bi-chevron-double-down').toggleClass('bi-chevron-double-right')});$('.collapse li,.card-header').on('click',function(){var thisLi=$(this);$('.collapse li').css('background-color','#282B33');$('.card-header').css('background-color','#393D49');thisLi.css('background-color',' #009688');var dataId=[];$.each($('.ztabs .nav-item'),function(i,ele){dataId.push($('.ztabs .nav-item').eq(i).attr('data-id'))});var arrIndex=jQuery.inArray(String($(this).attr('data-id')),dataId);if(arrIndex>=0){$('.nav-item').children().css('border-bottom','none');$('.nav-item').eq(arrIndex).children().css('border-bottom','5px solid green');let dataId=thisLi.attr('data-id');$.each($('.cZwj .card-body'),function(index,element){if(dataId==$('.card .card-body').eq(index).attr('data-id')){$('.cZwj .card-body').eq(index).show().siblings().hide();return false}})}else{if(!thisLi.attr('href')){$('.nav')[0].innerHTML+='<li class="nav-item" data-id='+thisLi.attr('data-id')+'><a class="nav-link active" href="#">'+thisLi.text()+'<i class="bi bi-x"></i></a></li>';showCard();delCard()}let dataId=thisLi.attr('data-id');$.each($('.cZwj .card-body'),function(j,element){if(dataId==$('.card .card-body').eq(j).attr('data-id')){$('.cZwj .card-body').eq(j).show().siblings().hide()}});$('.nav-item').children().css('border-bottom','none');$('.nav-item:last').children().css('border-bottom','4px solid green')}})};function showCard(){$('.nav-item').click(function(){$('.nav-item').children().css('border-bottom','none');$(this).children().css('border-bottom','5px solid green');let dataid=$(this).attr('data-id');$.each($('.cZwj .card-body'),function(index,element){if(dataid==$('.cZwj .card-body').eq(index).attr('data-id')){$('.cZwj .card-body').eq(index).show().siblings().hide()}})})};function delCard(){$('.nav li i').on('click',function(){$(this).parent().parent().remove();let dataId=$(this).parent().parent().attr('data-id');$.each($('.cZwj .card-body'),function(index,element){if(dataId==$('.cZwj .card-body').eq(index).attr('data-id')){$('.cZwj .card-body').eq(index).hide();$('.nav-item').children().css('border-bottom','none');$('.nav-item:last').children().css('border-bottom','5px solid green');let Id=$('.nav-item:last').attr('data-id');$.each($('.cZwj .card-body'),function(index,element){if(Id==$('.cZwj .card-body').eq(index).attr('data-id')){$('.cZwj .card-body').eq(index).show().siblings().hide()}})}})})};