Проблемы при создании выпадающего меню боковой панели с целевыми ссылками

Question

Я пытаюсь создать меню боковой панели администратора. Под продуктами есть подменю, и я переключаюсь на jQuery. Но подменю href = "url" не работает. Когда я нажимаю на товары - это открытое подменю, и если я нажимаю на какие-либо пункты подменю, то переключатель закрывается, не переходя на целевую страницу. Подскажите, пожалуйста, что не так в моем коде и как я могу это решить?

(function($){
 $(document).ready(function(){
    $("li.test").click(function(){
        $(".admin-menu li").children("ul").slideToggle(400);
        return this.href === window.location.href;
    } );

    }
);

}) (jQuery);

<nav class="admin-nav">
                <ul class="admin-menu">
                    <li><a class="active" href="#">Dashboard</a></li>
                    <li class="test"><a href="">Products
                            <i class="fas fa-angle-right"></i>
                            <i class="fas fa-angle-down"></i>
                        </a>
                        <ul class="open">
                            <li><a href="products.php">Produts List</a></li>
                            <li><a href="create-product.php">Add Produts</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>

.