hide element, when click out of range

app.js

  function closeOnClickOver(modalid, parentid){
        $(parentid).on('click', function(e){
            if (e.target == $(modalid).prop("parentNode")){
                $(parentid).addClass("g-visuallyhidden");
                setTimeout(function(){
                    $(parentid).addClass("g-hidden");
                }, 200);
            }
        });