How to blur the div element?

Question

I have a dropdown menu inside a DIV.

I want the dropdown to be hide when user click anywhere else.

$('div').blur(function() { $(this).hide(); }

is not working.

I know .blur works only with <a> but in this case what is the simplest solution?

Answer 1

Try using tabindex attribute on your div, see:

Check this post for more information and demo.