I have an image that opens ui slider div on click and allows users to set value by draging handle. What Im trying to do now is hide that handle when user click anywhere else on the page but regular .blur event doesn't seem to work.

$("#openPriceToSliderGif").click(function(){
        $("#slider-vertical").show();
        $("#slider-vertical").focus();
    });
    $("#slider-vertical").blur(function () {
         $("#slider-vertical").hide();
    });