垂直下拉菜单崩溃

Question

我制作了一个带有4个子菜单的垂直菜单。 该图像位于名为image1的附件中。

单击子菜单时，这些子菜单是下拉菜单，它会展开并显示子菜单项。 图2。

单击子菜单项时，将打开一个新页面，就好像有一个项目被打开一样，新页面将打开。 新打开的页面上有一个后退按钮，当我点击它时会返回到主页面。

但问题是被点击的子菜单会崩溃。我希望它应该保持扩展状态。 我认为问题可以从JavaScript方面解决，但我无法做到这一点。 请帮帮我。

的javascript

$( document ).ready(function() {

    $('#cssmenu > ul > li > a').click(function() {

        $('#cssmenu li').removeClass('active'); 
        $(this).closest('li').addClass('active'); 
        var checkElement = $(this).next();

        if((checkElement.is('ul')) && (checkElement.is(':visible'))) { 
            $(this).closest('li').removeClass('active');    
            checkElement.slideUp('normal'); 
        } 

        if((checkElement.is('ul')) && (!checkElement.is(':visible'))) { 
            $('#cssmenu ul ul:visible').slideUp('normal');                 
            checkElement.slideDown('normal'); 
        } 

        if($(this).closest('li').find('ul').children().length == 0) { 
            return true; 
        } else { 
            return false; 
        }

        if((checkElement.is('ul')) && (checkElement.is(':visible'))) {           
            checkElement.slideDown('normal'); 
        } 
    });

    $('#cssmenu>ul>li').append('<span class="holder"></span>');
 });