jquery show and hide button

Question

I have a small issue with with jquery show and hide.

I have a buttons that activates the click and shows a box.

Is it possible to click outside of the box to fade the box out

Here is my code.

$('.normal-btn.interest').click(function(){
    $('.categories-wrap').fadeIn();
})

$('what needs to be here? ').click(function(){
    $('.categories-wrap').fadeOut();
})

Answer 1

Yes, you can bind the click event to the document like:

$('.normal-btn.interest').click(function(e){

    // Prevent the event from bubbling up the DOM tree
    e.stopPropagation();
    $('.categories-wrap').fadeIn();
});

$(document).click(function(){
    $('.categories-wrap').fadeOut();
});