How to hide a div when click outside of the div?

You can achieve this by below code :-

$( "body").not("#toHide").click(function(){
$("#toHide").hide();
});

Hello Jitesh,

As your target has id=toHide , so you can try to achieve your requirement :

$(document).click(function(e) {
if (e.target.id != 'toHide' && !$('#toHide').find(e.target).length) {
$("#toHide").hide();
}
});

You can use this :-

$( “body”).not(“#toHide”).not(“#YourButtonId”).click(function(){
$(“#toHide”).hide();
});