$(function()
{
	var viewsize = $( window ).width();
	$(window).resize(function() 
	{
 		viewsize = $( window ).width();
		if(viewsize > 900)
		{
			$('ul:first',$("ul.mainnav li")).css('visibility', 'hidden');
		}
		else
		{
			if ($("ul.mainnav").hasClass('open')) 
			{
				$('ul').css({visibility: "visible",display: "none"}).show(0);
			}
		}
	});

	$("ul.mainnav li").hover(function(){
		if(viewsize > 900) $('ul:first',this).css({visibility: "visible",display: "none"}).show(300);
	}, function(){
		if(viewsize > 900) $('ul:first',this).css('visibility', 'hidden');
	});
	if(viewsize > 900) $("ul.mainnav li ul li:has(ul)").find("a:first").append(" » ");	
			
	$('.menu-button').on('click', function()
	{
		var menu = $(this).next('ul');
		if (menu.hasClass('open')) menu.removeClass('open');
		else 
		{
			menu.addClass('open');
			$('ul').css({visibility: "visible",display: "none"}).show(0);
			$("ul.side-nav > li > ul").css('display', 'none');
		}
	});
	$("ul.side-nav > li > a").on('click', function(e) {
        // Ngăn chặn sự kiện click lan truyền đến các thẻ a cha
        e.stopPropagation();
        
        var submenu = $(this).next('ul');
        if (submenu.length > 0) {
            // Đóng tất cả các menu con khác
            $("ul.side-nav > li > ul").not(submenu).slideUp();
            // Mở hoặc đóng menu con tương ứng
            submenu.slideToggle();
        }
    });
});