使用目标链接创建侧边栏下拉菜单时出现问题

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>

。