메뉴 active 상태 유지하는데 문제가 있습니다.

<script>

// -------multilevel-accordian-menu---------

$(document).ready(function() {

    $("#accordian a").click(function() {

        var link = $(this);

        var closest_ul = link.closest("ul");

        var parallel_active_links = closest_ul.find(".active")

        var closest_li = link.closest("li");

        var link_status = closest_li.hasClass("active");

        var count = 0;

 

        closest_ul.find("ul").slideUp(function() {

            if (++count == closest_ul.find("ul").length){

                parallel_active_links.removeClass("active");

                parallel_active_links.children("ul").removeClass("show-dropdown");

            }

        });

 

        if (!link_status) {

            closest_li.children("ul").slideDown().addClass("show-dropdown");

            closest_li.parent().parent("li.active").find('ul').find("li.active").removeClass("active");

            link.parent().addClass("active");

        }

    })

});

 

 

 

 

 

 

// --------for-active-class-on-other-page-----------

jQuery(document).ready(function($){

    // Get current path and find target link

    var path = window.location.pathname.split("/").pop();

   

    // Account for home page with empty path

    if ( path == '' ) {

      path = 'index.html';

    }

      

    var target = $('#accordian li a[href="'+path+'"]');

    // Add active class to target link

    target.parents("li").addClass('active');

    target.parents("ul").addClass("show-dropdown");

});

</script>

 

 

<div id="accordian">

            <ul class="show-dropdown">

        <li class="solo">

                    주요테스트

                </li>

                <li class="active">

                    <a href="javascript:void(0);"><i class="fas fa-car-alt" style="margin-right:5px"></i>테스트그룹</a>

                    <ul class="show-dropdown">

                        <li>

                            <a href="javascript:void(0);"><img src=../../logo/test.png> 테스트</a>

                            <ul>

                                <li><a href="/test1">테스트1</a></li>

                                <li><a href="/test2">테스트2</a></li>

                                <li><a href="/test3">테스트3</a></li>

            

                            </ul>

                        </li>

          </ul>

        </li>

      </ul>

</div>