main.js

(function ($) {

	/* preloader */
	$(window).on('load',function(){
		$('#preloader').fadeOut('slow',function(){$(this).remove();});
	});
	/* latest-brand-curosel */

	$('.latest-brand-curosel').owlCarousel({
		loop:true,
		nav:false,
		autoplay: true,
		autoplaySpeed:500,
		dots:false,
		items:4,
	})

	$('li[role="presentation"]').each((idx, elem)=>{
		// 	console.log(idx, elem);
		//     console.log(obj);
		
		var counter = 0;
		$(elem).on('click', function(){
			if(!$(elem).hasClass('active')){
				addActiveClassSidebar();
				console.log('!hasclass',$(elem).context, idx);
			}
			
			if($(elem).hasClass('active')){
				if($(elem).hasClass('toggleBtn')){
					$(elem).find('#sidemenu a').click(function(e) {
						e.stopPropagation();
					 });
					counter++;
					if(counter == 1){
						toggleSidemenu();
						console.log('counter inside if = ',counter);
					}
					if(counter == 2){
						console.log('counter inside else = ',counter);
						toggleSidemenu();
					}
	                if(counter == 3){
						setTimeout(function(){
							$('.toggleBtn').removeClass('active');
						},0);
						removeActiveClassSidebar();
						counter = 0;
	                }
				}else{
					removeActiveClassSidebar();
					setTimeout(function(){
						$(elem).removeClass('active');
					},0);
				}
			}	
		})
	});
			
})(jQuery);
function toggleSidebar(){
	document.getElementById("sidebar").classList.toggle("active");
}
function addActiveClassSidebar(){
	document.getElementById("sidebar").classList.add('active');
}
function removeActiveClassSidebar(){
	document.getElementById("sidebar").classList.remove('active');
}
function toggleSidemenu(){
	document.getElementById("sidemenu").classList.toggle("active");
}
function addActiveClassSidemenu(){
	$("sidemenu").addClass('active');
}
function removeActiveClassSidemenu(){
	$("sidemenu").removeClass('active');
}