Javascript 禁用单击链接时折叠

我有两个问题。首先，当用户点击一个链接（比如我们）时，整个菜单关闭。这是一个糟糕的用户体验。我希望它一直开着，因为它已经开了

第二个问题是，一旦打开，用户就无法关闭活动主菜单（例如，Terms、Private或Sub-main）。我们如何解决这两个问题

JSFIDLE演示：

HTML:

jQuery

jQuery('.police .nav-child').hide();
jQuery('.police .parent').click(function(e) {
e.stopPropagation();
    jQuery(this).children('ul').slideToggle();
    jQuery(this).toggleClass("arrow");
});

你需要摆脱

！重要信息

此处：

.police .active .nav-child {
    display: block !important;
}

这样

.slideToggle

就可以真正关闭它。然后，您需要防止单击链接传播到父级，这样它就不会关闭菜单：

jQuery('a').click(function(e) {
    e.stopPropagation();
})

要防止最初隐藏活动文件，请执行以下操作：

jQuery('.police .nav-child:not(.active > .nav-child)').hide();

---

如果我删除

显示：块！重要的然后活动菜单关闭。我希望活动菜单保持打开状态。你知道我怎样才能做到这一点吗？非常感谢，谢谢。但是，当我将
active”类和
current active`类移动到
Terms
时，它不起作用。
jQuery('a').click(function(e) {
    e.stopPropagation();
})

jQuery('.police .nav-child:not(.active > .nav-child)').hide();