setTimeout & pop-up modal

		// Hovers 
 
var modal = { 
    isActive: false, 
    elem: $('.dropdown-smiles'), 
    trigger: $('.toggle-smiles'), 
    activate: function() { 
        this.elem.show(); 
        this.isActive = true; 
        this.trigger.addClass("shown"); 
    }, 
    deactivate: function() { 
        this.elem.hide(); 
        this.isActive = false; 
        this.trigger.removeClass("shown"); 
    }, 
}; 
 
function checkHovered() { 
    $(document).mouseout(function(e){ 
        if (!modal.elem.is(e.target) && modal.elem.has(e.target).length === 0) { 
            modal.deactivate(); 
        } 
    }); 
}; 
 
modal.trigger.mouseenter(function(){ 
    modal.activate(); 
}).mouseleave(function(){ 
    setTimeout(function(){ 
        checkHovered() 
    },1000) 
});