hide div when click outside using jquery

Question

I write this code to hide div when user click anywhere in body outside this div.. but is wrong what is the problem ?

$('body').click(function() {
   $('.mydiv').hide();
});

http://stackoverflow.com/questions/1403615/use-jquery-to-hide-a-div-when-the-user-clicks-outside-of-it — , Mar 16 '13 at 09:42

score 5 · Accepted Answer · edited Oct 15 '12 at 07:49

5

If u give like this

$('body').click(function() {    
    $('.mydiv').hide(); 
});

This DIV will get Hidden even if you click inside the DIV.

edited Oct 15 '12 at 07:49

Furqan Safdar

16,260
13
59
93

answered Oct 15 '12 at 07:44

Manimaran

76
1
5

score 0 · Answer 2 · answered Dec 21 '11 at 00:25

0

Have you tried replacing

hideMenu()

with

$('#cMenu').hide();

answered Dec 21 '11 at 00:25

JesseBuesking

6,496
4
44
89

Nick Rolando · Answer 3 · 2011-12-21T00:44:24.670

0

Instead of giving that function to the body onclick event, you can make two container divs: One for everything in the body above your menu, and one for everything below your menu within the body tag, and give those two divs the onclick function you're currently giving to the body.

edited Dec 21 '11 at 00:44

answered Dec 21 '11 at 00:26

Nick Rolando

25,879
13
79
119

hide div when click outside using jquery

3 Answers3