$(document).on('click', function (event) {
    var ul = $('.ul');
    if (!ul.is(event.target) && ul.has(event.target).length === 0 && ul.is(':visible')) {
        ul.hide();
    }
});