Sometimes you wanna do something such as when you click a div a part that you hide, shown and when click outside of if you wanna hide again . Following code do what exactly you want.
$(document).mouseup(function (e) { var container = $("your_selector"); if (!container.is(e.target) // if the target of the click isn't the container... && container.has(e.target).length === 0) // ... nor a descendant of the container { // do something you want (hide,show,remove, change class anything you want) Ex: container.hide() } });