未选择时，下拉菜单始终处于活动状态

Question

这是我单击子菜单时菜单的情况。带有子菜单的两个下拉菜单均保持活动状态（蓝色）。

这是控制show类的js函数。我也添加了removeClass（“ active”），但没有成功。

<script>
    $('.dropdown-menu a.dropdown-toggle').on('click', function(e) {
        if (!$(this).next().hasClass('show')) {
            $(this).parents('.dropdown-menu').first().find('.show').removeClass("show");
        }
        var $subMenu = $(this).next(".dropdown-menu");
        $subMenu.toggleClass('show');


        $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) {
            $('.dropdown-submenu .show').removeClass("show");
        });


        return false;
    });
</script>

如何将其修改为（在这种情况下）仅“ trattamento del rischio”保持蓝色（因为它的子菜单处于活动状态），而上面的（mappatura del rischio）变为白色。