Click jQuery to close the simple instance of the pop-up layer outside of itself _ jquery

This article mainly introduces the simple example of closing the pop-up layer by clicking jQuery outside of itself. If you need it, you can refer to it and hope to help you. The main function is to Click Show, then, the display effect can be closed by clicking any location on the page, mainly $ (document ). click Function

There are usually some pop-up layers in the development process. After the pop-up, it is automatically closed when you click somewhere else on the page. The following code is used:

HTML code:

The Code is as follows:

Click

Show-area

CSS code:
. Hide {display: none ;}

JS Code

The Code is as follows:

$ (Document). ready (function (){
$ ("P. down"). click (function (e ){
E. stopPropagation ();
$ ("P. con"). removeClass ("hide ");
});
$ (Document). click (function (){
If (! $ ("P. con"). hasClass ("hide ")){
$ ("P. con"). addClass ("hide ");
}
});
});

OK. Test it locally and modify the css style!