Hide a DIV when it loses focus/blur

Question

I have a JavaScript that displays a DIV (sets its display css property from \'none\' to \'normal\'. Is there a way to give it focus as well so that when I click somewhere else o

Answer 1

With jQuery you can hide elements with hide(), ex: $("#foo").hide()

Hide element in event listener:

$("#foo").blur(function() {
    $("#foo").hide();
});