Hide dropdown block when click elsewhere

hideDropdown.js

$(document).click(function (e) {
        e.stopPropagation();
        var container = $(".menu-item-has-children>a"); //Parent of dropdown block

        //check if the clicked area is dropDown or not
        if (container.has(e.target).length === 0) {
            $('.menu-item-has-children .dropdown-menu').removeClass('d-block');
        }
    });