Use jQuery to hide a DIV when the user clicks outside of it

Had the same problem, came up with this easy solution. It’s even working recursive:

    var container = $("YOUR CONTAINER SELECTOR");

    // if the target of the click isn't the container nor a descendant of the container
    if (! && container.has( === 0) 

Leave a Comment