handleman
12/5/2014 - 2:20 PM

hide element when user click on outer space with help of Jquery event namespaces

hide element when user click on outer space with help of Jquery event namespaces

 $('input').on('click',function(e){
    $(this).next('.filter-select-box').toggleClass('active');
    e.stopPropagation();
    $(document).on('click.filter', function (e) {
        if(!$(e.target).parents('.filter-select-box.active').length && !$(e.target).hasClass('filter-select-box')){
            $('.filter-select-box.active').removeClass('active');
            $(document).off('click.filter');
        }
    });
});